@import url("https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/paper/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&subset=latin-ext');
.list-group-item {padding:0px;} .rapgame {position: relative;} .gkadonx {    background-color: #424242;     padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #888888;
    text-align: center;

    border: 1px solid #282828;
    border-radius: 4px;}
.modal-content {
    border-radius: 10px !important;

} .modal-header h5 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
} body {font-family: 'Montserrat', sans-serif;}
.modal-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: rgba(79, 102, 105, 0.37) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;     position: relative !important;
}
.form-control[readonly] {
       text-align: center !important;
    font-size: 20px !important;
    background: transparent !important;
    background-color: transparent !important;
    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 !important;
    filter: none !important;
    color: white !important;
    border: 1px solid #7a8288 !important;
    border-right: 0px solid transparent !important;
} .input-group-addon {
    z-index: 11;
    position: relative;
} .input-group-addon .fa-lock {    font-size: 18px;
    margin-top: -1px;
    color: #cfcfcf;} .codeulzg { margin-top: 1px;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: black;
    box-shadow: 0px 1px 12px black inset !important;
}
.fadeboxx {display:none; background:black; opacity:0.8; z-index:333; position:fixed; top:0px; left:0px; height:100%; width:100%;}
.gxg {font-size:20px; display:inline-block;} .rightgameinfol {font-size: 13px;
    padding-left: 10px;
    position: absolute;
    display: inline-block;
    right: 0px;
    top: 0px;
    color: white;
    padding-right: 5px;
    border: 1px solid #dddddd;
    border-top: 0px;
    border-right: 0px;
    border-bottom-left-radius: 12px;
    background-color: rgba(181, 41, 41, 0.79);}
.furx {padding-top:0px; padding-bottom:0px;} .infogridx {position: relative;}
.listholdinn {padding:15px; padding-right:0px;} .rightboxtitle {display:none;} .blogtitlebx {display:block;} .colrighkox {padding-left:5px;} .colleftox {padding-right: 0px;}
.topinne {box-shadow: 0px 1px 3px black; position: relative;     font-size: 15px;
    margin-bottom: 8px;
   background-color: rgba(243, 243, 243, 0.38);
    color: white;
  text-shadow: 0px 1px 3px black;} .innerpostxio {}
.toprighttype.tdsto {    background-color: rgba(181, 41, 41, 0.7);}
.toprighttype.wiiutop {    background-color: rgba(40, 145, 193, 0.82);}
.toprighttype {font-size: 10px;
    padding-left: 10px; position: absolute; display:inline-block; right:0px; top:0px; color:white; padding-right:5px; border: 1px solid #dddddd;
    border-top: 0px;
    border-right: 0px;
    border-bottom-left-radius: 12px;}
.uallga {background-color: rgb(179, 165, 179);}
.loadimg {margin-top: 33px; }
.is-checked {color: rgb(255, 255, 255);
    background-color: rgb(156, 39, 176);}
.wiiubtnx {background-color: #2891c1;}
.gutter-sizer { width: 1%; }
.juox {display: inline-block !important; min-width: 225px;}
#sorts {float: right;
    position: relative;
    display: inline-block;
    margin-bottom: 9.5px;
    margin-top: 9.5px;}
.dsixbtn {background-color: rgb(181, 41, 41);
    color: white;}
#search_results {display:none;}
.list-group-item-heading {color: #2196f3 !important;}
.list-group-item {width: 100%; display: inline-block;}
.list-group-item:hover .toprighttype {opacity:0.8;}
.nextlistx {padding-top:10px; display: block; padding-right: 10px;}
.result {position:relative;}
.try-search .result_url{color:#093;font-weight:normal; font-size:10px;}
.try-search a{font-weight:bold;}
.gtdsfx {max-width: 105px !important;}
.imgrowx {max-width:90px; display: inline-block; position: relative;
    margin-right: 10px; float: left;
    padding-bottom: 10px;}
.imgrowx img {width:100%;}
body {padding-top: 64px;}
#searchmain {    background: rgba(255,255,255,0.87);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.87) 0%, rgba(246,246,246,0) 47%, rgba(237,237,237,0.87) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.87)), color-stop(47%, rgba(246,246,246,0)), color-stop(100%, rgba(237,237,237,0.87)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.87) 0%, rgba(246,246,246,0) 47%, rgba(237,237,237,0.87) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.87) 0%, rgba(246,246,246,0) 47%, rgba(237,237,237,0.87) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.87) 0%, rgba(246,246,246,0) 47%, rgba(237,237,237,0.87) 100%);
    background: linear-gradient(to right, rgba(237, 238, 239, 0.87) 0%, rgba(246,246,246,0) 47%, rgb(228, 228, 228) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    border-top-left-radius: 12px;
    padding-left: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.09);
    border-left: 1px solid rgba(0, 0, 0, 0.09);}
.topsearchbar {    padding: 17px;
    background-color: #0c7cd5;
    max-width: 300px;
    float: right;}
.navbar {-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0 2px 6px rgb(0, 0, 0);
    -webkit-box-shadow: 0 2px 6px rgb(0, 0, 0);}
.navbar.shrink {
 min-height:32px !important;
}
.rox {font-size: 16px;}
.shrinkli {padding-top:5px !important; padding-bottom:5px !important;}
.navf {padding-top:5px !important; padding-bottom:0 !important; height: 30px; }
.panel-heading { position:relative;  }

.backid {background: rgba(255,255,255,0);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 22%, rgba(255,255,255,1) 100%), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/newpattern.png");
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(22%, rgba(255,255,255,0.56)), color-stop(100%, rgba(255,255,255,1))), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/newpattern.png");
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 22%, rgba(255,255,255,1) 100%), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/newpattern.png");
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 22%, rgba(255,255,255,1) 100%), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/newpattern.png");
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 22%, rgba(255,255,255,1) 100%), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/newpattern.png");
background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 22%, rgba(255,255,255,1) 100%), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/newpattern.png");
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );     padding-bottom: 26px;
    margin-bottom: 0px;}
.grid {margin:0 auto;  position: relative; display: none;} .overlaky{ background:rgba(0,0,0,.75); text-align:center; opacity:0; position:absolute; -webkit-transition: opacity .25s ease;top:0px;left:0px;width:100%;height: 100%;} .grid-item:hover .overlaky { opacity:1;} .col-centered {
  float: none;
  margin-right: auto;
  margin-left: auto;
}
.grid-item { cursor:pointer; position:relative;
  float: left;
  max-width: 150px;
  min-width:140px;
margin-bottom: 0px;
} .midbuttons {}
.midlinks span {max-width:100px;}
.midlinks {-moz-transition: all 1s ease;     padding: 0px;
    padding-top: 7px;
    padding-bottom: 2px;
	-o-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease; border-radius:0px; bottom:0px; left:0px; position: absolute; width:100%; box-shadow:0px -1px 12px black;}
.heightx {height:155px;}
.grid-item:hover .midlinks {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;

}
.dsheight {height:100px;}
.gxgg {padding:4px;}
.grid-item img {width:100%;}
.grid-item--width2 { max-width: 150px; min-width:110px;}

@media screen and (max-width: 767px) { body {padding-top: 32px;} .colleftox {padding-right: 15px;} .colrighkox {padding-left:15px;} .colrighkox .postwellx {padding:12px !important;}
  .navbar-toggle {margin-top:0px;   padding: 0px;
    margin-bottom: 0px;
    margin-top: 6px;} .rightboxtitle {display:block;} .blogtitlebx {display:none;}
  .navbar { min-height: 32px;}
  .navbar-brand {height:30px; padding: 11.5px 15px; padding: 0px;
    padding-left: 5px;
    padding-top: 5px;}
  .grid {}
  .shrinkli {padding-top:5px !important; padding-bottom:5px !important;}
.navf {padding-top:5px !important; padding-bottom:0 !important; height: 30px; }
  .navbar.shrink {
 min-height:32px !important;
}
}

.uiButton:active, .is-checked {
   color: rgb(255, 255, 255);
    background-color: rgb(156, 39, 176);
}


@media screen and (max-width: 320px) { .postwellx {padding:inherit; padding-bottom: 5px;}
  .grid {  max-width: 282px;   padding-left: 5px;
    padding-right: 5px;}
  .fggrx {
    padding: 0px;
        padding-bottom: 9px;
}
  .rox h5 {margin-left: 5px; margin-top: 5px;
    margin-bottom: 5px;}
  .grid-item--width2 { width: 87px; }
  .grid-item {width:87px;}
}
@media screen and (max-width: 375px) { .postwellx {padding:inherit; padding-bottom:5px;}
  .grid {  max-width: 282px;   padding-left: 5px;
    padding-right: 5px;}
  .fggrx {
    padding: 0px;
        padding-bottom: 9px;
}
  .rox h5 {margin-left: 5px; margin-top: 5px;
    margin-bottom: 5px;}
  .grid-item--width2 { width: 87px; }
  .grid-item {width:87px;}
}
@media screen and (max-width: 991px) { .colrighkox .postwellx { padding: 5px;}
}

@media screen and (max-width: 414px) { .midlinks { font-size:2vw;}
  .grid {  max-width: 282px;   padding-left: 5px;
    padding-right: 5px;} .postwellx {padding:inherit; padding-bottom:5px;}
  .fggrx {
    padding: 0px;
        padding-bottom: 9px;
  } .rox h4 {padding-left:9px;}
  .rox h5 {margin-left: 5px; margin-top: 5px;
    margin-bottom: 5px;}
  .grid-item--width2 { width: 87px; }
  .grid-item {width:87px;}
} .imginnp {max-width:250px; float:left; display:inline-block;} .imginnp img {width:100%;} .gametitlxihg {margin:0 auto; display: inline-block; margin-top:3px;   width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.ghsearch {    position: absolute; display:none;
    bottom: -33px;
    left: 0px;
    background-color: rgba(33, 150, 243, 0.49);
    width: 100%;
    color: white;
    padding: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.63);}
.fggrx {display: inline-block;
    width: 100%; padding-top: 4px;
    background: #EDEFF1;
    border: 1px solid #DDDDDD;
    border-radius: 5px;}  .postwellx {display: inline-block;
    width: 100%; padding-top: 11px; position: relative;
    background: #EDEFF1;
    border: 1px solid #DDDDDD;
    border-radius: 5px; padding-bottom:11px; margin-bottom: 5px;}
.footer { font-family: 'Montserrat', sans-serif;
    background: #EDEFF1;
    height: auto;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
} .footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding: 10px;
    padding-bottom: 10px;
} .grouz {
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    display: block;
} .footer p {
    margin: 0;
} .tagsx {
    background-color: #718390 !important;
    padding: .6em .6em .5em !important;
    cursor: pointer !important;
    font-size: 10px !important;
    margin-left: 3px;
    position: relative;
    display: inline-block; letter-spacing: 1px;
} .tagsx:hover {background-color:#536f84 !important;}
.ilttlex .well {padding:7px !important; padding-left:10px !important;}
#searchmain:focus {
  -webkit-animation: anim 0.3s cubic-bezier(0.080, 0.805, 0.930, 0.220);
}
@-webkit-keyframes anim {
  0% {
    border-radius: 0px;
  }
  50% {
    border-radius: 150px/10px;
  }
  100% {
    border-radius: 0px;
  }
}
.imgloaderx {    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: black;
    height: 160px;
    color: white;
  padding-top: 20px;}

.blogholdpost {font-family: 'Montserrat', sans-serif;} .gamebox {max-width:197px; margin:0 auto;} .gamebox img {width:100%;} .downloadgamek {width:100%; margin-top:5px; padding: 4px 3px;  -webkit-transition: all 1s; bottom:0px; left:0px;
  transition: all 1s;} .downloadgamek img {max-height:33px; float:right;} .downloadgamek span {vertical-align: -webkit-baseline-middle; font-size:16px;}
.screnshokino2, .screnshomoon2, .screnshoorigins2, .screnshoshang2, .screnshoshino2, .screnshoveruck2 {  background-size: 100%; }
.topxzg { padding-top: 5px;}
.screnshokino2 { background-position: 0 0%; background-size: 100%; }
.screnshomoon2 { background-position: 0 20%; background-size: 100%; }
.screnshoorigins2 { background-position: 0 40%; background-size: 100%; }
.screnshoshang2 { background-position: 0 60%; background-size: 100%; }
.screnshoshino2 { background-position: 0 80%; background-size: 100%; }
.screnshoveruck2 { background-position: 0 100%; background-size: 100%; }
.mySlides {display:none;} #myCarousel {display: inline-block !important;}
.list-inline {
  text-align: center;
}
.list-inline > li {
  margin: 10px 5px;
  padding: 0;
}
.list-inline > li:hover {
  cursor: pointer;
}
.list-inline .selected img { max-width:100px;
  opacity: 1;
  border-radius: 15px;
}
.list-inline img {
  opacity: 0.5;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.list-inline img:hover {
  opacity: 1;
}
.item > img {
  max-width: 100px;
  height: auto;
  display: block;
}
li a img {max-width:99px;}
.ghinmpx {text-align:left;}
.w3-display-container{position:relative; margin:0 auto;
    display: inline-block; margin-top:10px;}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-container,.w3-panel{padding:0.01em 16px}
.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}
.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}
.w3-border-right{border-right:1px solid #ccc!important}
.rightgameinfol {float:right; border-top-right-radius: 5px;}

.startingGen {
    text-transform: none !important;


}
.header-hold {display:block; position:relative; width:100%; padding: 5px 10px;}
.headerleftxt {display:block; }
.header-hold::after {
  content: "";
  clear: both;
  display: table;
}
.loaderhuldx {
    display: inline-block;
    float: right; margin-top:2px;
    font-size: 11px;
    position: relative;

}
.loadefxr {
    display: inline-block;
    border: 3px solid #f3f3f3;
    vertical-align: middle;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 21px;
    height: 21px;
    -webkit-animation: sping 1s linear infinite;
    animation: sping 1s linear infinite;
}
@-webkit-keyframes sping {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes sping {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
    animation-name: shake;
} .offerdinz a:hover .overlofferx {
    display: block;
    opacity: 1;
} .offerdinz a:hover {
    background-color: rgba(86, 98, 108, 0.52);
} .toplocker {
  background-color: rgba(51, 58, 79, 0.66) !important;
    background-image: linear-gradient(to bottom right,rgba(63, 69, 91, 0.4),rgba(0, 0, 0, 0.88)) !important;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 9px;
    box-shadow: 0px 1px 3px black;
    position: relative;
    z-index: 4;
    color: white;
}
.genboxmain {color:white; position:relative;max-width: 736px;margin: 0 auto;width: 100%;margin-bottom: 5px; display:none; z-index:335; overflow:hidden; border: 1px solid #4a4a4a; } .offerdinz a {
    overflow: hidden;
    display: block; text-align:left !important;
    position: relative;
    color: #58a768 !important;
    border-bottom: 1px solid rgba(79, 79, 79, 0.64);
    padding: 6px;
    text-decoration: none !important;
} .karrowx {
    float: right; margin-top:4px;
    position: relative;
    vertical-align: middle;
    max-height: 15px;
} .overlofferx {
    position: absolute;
    font-size: 12px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    color: #649ab0 !important;
    text-shadow: 1px 1px 2px black;
    padding: 5px;
    background: rgba(51,51,51,0.79);
    background: -moz-linear-gradient(top, rgba(51,51,51,0.79) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,0.79)), color-stop(100%, rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top, rgba(51,51,51,0.79) 0%, rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top, rgba(51,51,51,0.79) 0%, rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(51,51,51,0.79) 0%, rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(51,51,51,0.79) 0%, rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000', GradientType=0 );
}
.genwrapperx {position:relative; z-index:335; width:100%; display:block;}
.bafckground-overlay { filter: blur(2px);
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vw * 9 / 16); background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/mariokart8.jpg');
  min-height:210px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}  .bafckground-overlay::before {
    content: '';
    background-image: linear-gradient(to bottom,rgba(27,26,38,.75),#1b1a26);
    width: 100%;
    height: 101%;
    position: absolute;
}
.offerdinz {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0px !important;
    max-width: 500px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.58);
    border: 1px solid rgba(79, 79, 79, 0.64);
} .text-centerf {
  text-align: center;
    background: rgba(0,0,0,0.61);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.61) 0%, rgba(67,74,74,1) 48%, rgba(0,0,0,0.61) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.61)), color-stop(48%, rgba(67,74,74,1)), color-stop(100%, rgba(0,0,0,0.61)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.61) 0%, rgba(67,74,74,1) 48%, rgba(0,0,0,0.61) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.61) 0%, rgba(67,74,74,1) 48%, rgba(0,0,0,0.61) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.61) 0%, rgba(67,74,74,1) 48%, rgba(0,0,0,0.61) 100%);
    background: linear-gradient(to right, rgba(154, 154, 154, 0.61) 0%, rgba(66, 66, 66, 0.27) 48%, rgba(41, 41, 41, 0.61) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0px;
    font-size: 14px;
    color: #cdcdcd;
    text-shadow: 1px 1px 3px black;
    border-bottom: 1px solid rgba(79, 79, 79, 0.64);
    box-shadow: 0px 2px 5px black;
    z-index: 22;
    position: relative;
}
.imgbackxc {position:absolute; top:-2px; left:-2px; width:103%; height:105%; z-index:0;}
.fixedTopk {position:fixed; top:55px; left:0px; padding-left:10px; padding-right:10px;}
.nopadding {    padding: 0px !important;} .offerboxmaink {z-index:12; position:relative; display:block;} .ghcbitchz {
    width: 100%;
    position: relative;
} .unlockxd { border-color: transparent; background: #9f912a !important; border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; border-top-right-radius: 0px !important;} .ghuuxzzw { margin-top: 1px;
    font-size: 15px;
} .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 !important; margin-top:59px !important; }
    .mainhuz { padding-top:3px !important;
      padding-left:0px !important; padding-right:0px !important;
    }
  .firzrow { margin-right: 0px !important;} .rolzcol {padding-right:0px !important;}
}
 hr {border-color: #9f912a; margin-top: 10px;} .modal-header {position: relative !important;}








 .modal-header {padding-top:5px !important; padding-bottom:5px !important;     background-color: rgba(79, 102, 105, 0.37) !important; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important;} .modal-header h4 {    margin-top: 0px !important;
    margin-bottom: 0px !important;} .ghcbitchz {
    width: 100%;
    position: relative;
} .unlockxd { border-color: transparent; background: rgb(73, 148, 93) !important; border-top-left-radius:0px !important; border-bottom-left-radius:0px !important;     text-shadow: 0px 0px 2px black; } .ghuuxzzw { margin-top: 1px;
    font-size: 15px;
} button:focus {outline:0 !important;} .btn-prod {
    text-align: center !important; font-size: 20px !important;
    background: transparent !important;
    background-color: transparent !important;
    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 !important;
    filter: none !important;
    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;
}
.input-group-addon, .input-group-btn {max-width: 61px !important;}
@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;}

#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;}
 .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: rgba(12, 12, 12, 0.76);
    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;
  }
}