@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');





body, section, input, h1, h2, h3, h4, h5, ul, ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
    font-weight: normal;
  -webkit-appearance: none;
}


html, body {
    scrollbar-width: none;
    -ms-overflow-style: none;
  -webkit-appearance: none;
}

html::-webkit-scrollbar, .caselist::-webkit-scrollbar {
    width: 0;
    height: 0;
}


html {
    overflow-x: hidden;
  -webkit-appearance: none;
}

a, img, input[type=text], input[type=submit], .callbackicon {
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    text-decoration: none;
}

body::-webkit-scrollbar {
    width: 0px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0px solid #000;
}


body::-moz-scrollbar {
    width: 0px;
}

body::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-moz-scrollbar-thumb {
    background-color: #c8baad;
    outline: 0px solid #000;
}

::selection {
    background: #fff;
    color: #000;
}
::-moz-selection {
    background: #fff;
    color: #000;
}



body {
    overflow-x: hidden;
    -webkit-appearance: none;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    font-style: normal;
}


.clear {
    clear: both;
}

/* ----- Display ----- */

body {
    background:  url(img/bg-left.jpeg) top left no-repeat, url(img/bg-left.jpeg) top right no-repeat;
    background-size:  auto 100%, auto 100%;
    background-attachment:  fixed, fixed;
}



.wrap {
    display: block;
    margin: 0 auto;
    width: 90%;
}

.wrap-header {
    display: block;
    margin: 0 auto;
    width: 97%;
}


/* --- header ---- */

header {
  display:  block;
  width:  100%;
  position:  fixed;
  background: #424242;
  padding:  5px 0;
  z-index:  5;
}

.logo {
    display:  block;
    float:  left;
}

.logo img {
    display:  block;
    height:  43px;
    position:  relative;
    margin: 3px 0 0 10px;
}

.registration, header input[type=submit] {
    display:  block;
    float:  right;
    color:  #fff;
    padding: 8.5px 24px;
    font-size: 16px;
    background:  #dc1f00;
    border-radius:  4px;
    margin:  0 0 0 4px;
    font-weight:  500;
    cursor: pointer;
}

header input[type=submit] {
    background:  #24ba9d;
}

.registration:hover {
    background:  #b91b01;
}

header input[type=submit]:hover {
    background:  #1b9f85;
}

header input[type=text], header input[type=password] {
    line-height: 35px;
    padding: 0 10px;
    border-radius: 4px;
    border: 0;
    width: 180px;
    height: 35px;
    font-size:  16px;
    outline:  none;
    float:  right;
    margin: 0 6px 0 0;
    color:  #333;
}




header input[type=text]::placeholder, header input[type=password]::placeholder{ color: rgba(0,0,0,0.4); } 



#qqq {
    background: #fff url(img/q.svg) center right no-repeat;
    background-position:  95%;
    background-size:  20px;
}

.header-menu {
    display:  block;
    padding:  0px 0 3px 0;
    margin:  0px auto;
    width:  90%;

}


.header-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}




.header-menu ul li {
    display:  block;
    float:  left;
}


.header-menu ul li a {
    display:  block;
    color:  #a9a9a9;
    font-size:  17px;
    text-align:  center;
}

.header-menu ul li a:hover {
    color:  #fff;
}

.active {
    display:  block;
    color:  #fff !important;
    background:  url(img/elipse.svg) center left no-repeat;
    background-size:  10px;
    background-position: -0%;
    padding-left:  15px;
    font-weight:  600;
}

.language {
    display:  block;
    float:  right;
    background:  url(img/ru.svg) center left no-repeat, url(img/ar.svg) center right no-repeat;
    background-size:  26px, 8px;
    width:  51px;
    height:  38px;
    margin:  0 0 0 13px;
}


.headline {
    display:  block;
    width:  83%;
    float:  right;
    height:  1px;
    background:  rgba(255,255,255,0.2);
    position:  relative;
    margin: -6px 0 0 0;
}

.hamb {
    display:  none;
    float:  left;
    margin:  0 5px 0 0;
    width:  35px;
    height:  35px;
    background:  url(img/hamb.svg) center left no-repeat;
    background-size:  35px;
    cursor:  pointer;
}

.hamb-close {
    display:  none;
    float:  left;
    margin:  0 5px 0 0;
    width:  35px;
    height:  35px;
    background:  url(img/hamb-close.svg) center left no-repeat;
    background-size:  35px;
    cursor:  pointer;
}



/* ---------------- content ------------------ */


.content {
    display:  block;
    margin:  0 auto;
    width:  1280px;
    background:  #262634;
    padding:  85px 0 0 0;
}

.sidebar {
    display:  block;
    float:  left;
    width: 20%;
    padding: 5px;
}

.fullcontent {
    display:  block;
    float:  right;
    width:  78%;
    padding:  0 10px 0 0;
}


.banner {
    display:  block;
    padding:  50px 0;
    background:   url(img/start-bonus-coins.png) center center no-repeat;
    background-size:  95%;
    text-align:  center;
    color:  #fff;
    position:  relative;
    z-index:  2;
}

.ban-head {
    display:  block;
    font-size: 26px;
    line-height: 36px;
    font-weight:  500;
    margin:  0 0 15px 0;
}

.ban-head span {
    display:  block;
    font-weight:  900;
    font-size: 34px;
}


.banner a {
    display: block;
    color: #fff;
    padding: 14px 0px;
    font-size: 16px;
    background: #dc1f00;
    border-radius: 4px;
    margin: 0 0 0 4px;
    font-weight: 500;
    cursor: pointer;
    margin:  0 auto;
    width:  80%;
}

.banner a:hover {
    background:  #B91C1C;
}


.anibanner {
    display:  block;
    animation-name: bannerrotate;
    animation-duration: 3s;
    animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    background:  url(img/start-bonus-bg.png) center center no-repeat;
    width:  250px;
    height:  250px;
    background-size:  85%;
    border-radius:  50%;
    position:  relative;
    margin:  0 auto -250px auto;
}


@keyframes bannerrotate {
  from {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.inbanner {
    width:  100%;
    height:  220px;
    overflow:  hidden;
}


.redmenu, .graymenu {
    margin: 10px auto;
    padding: 0;
    text-indent: 0;
    list-style: none;
    width:  95%;

}

.sidebar ul {
    display: block;
}

.redmenu li:first-child, .graymenu li:first-child {
    border-radius: 4px 4px 0 0;
}

.redmenu li:last-child, .graymenu li:last-child {
    border-radius: 4px;
}

.redmenu li, .graymenu li {
    background-color: #dc1f00;
    margin-bottom:  1px;
}

.redmenu li:hover {
    background:  #B91C1C;
}

.graymenu li:hover {
    background:  #242424;
}

.redmenu li a, .graymenu li a {
    padding: 18px 10px;
    display: block;
    color: #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0;
    white-space: nowrap;
}

.red-animate {
    display: block;
    background: url(img/glow-lights.gif) center center no-repeat !important;
    padding: 10px 10px;
    position: relative;
    background-size: 100% !important;
    margin: 0 -10px 0 -10px;
    background-size: 50px;
}

.red-animate a {
    background:  #dc1f00;
    border-radius:  4px;
}

.graymenu li {
    background:  #424242;
    position:  relative;
}

.graymenu .new {
    display: block;
    position: absolute;
    float: right;
    margin-top: -18px;
    width: 53px;
    margin-left: 77%;
    height: 30px;
    background: url(img/new.svg) center right no-repeat;
    background-size: 53px;
}


.graymenu input[type=text] {
    display: block;
    border-radius: 4px;
    padding: 5px 0px 5px 25px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTMuOSAxNC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMy45IDE0LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMjEyMTIxO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjYsMi4zYy0xLjQsMS40LTEuNCwzLjYsMCw1YzEuNCwxLjQsMy42LDEuNCw1LDBjMS40LTEuNCwxLjQtMy42LDAtNUMxMC4yLDEsOCwxLDYuNiwyLjN6IE0xMi41LDguM0MxMC45LDkuOSw4LjQsMTAuMSw2LjYsOWwtNS4yLDUuMkwwLDEyLjhsNS4xLTUuMUMzLjgsNS44LDQsMy4xLDUuNywxLjRjMS45LTEuOSw1LTEuOSw2LjksMEMxNC40LDMuMywxNC40LDYuNCwxMi41LDguM3oiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 3px 50%;
    background-size: 15px 15px;
    font-size: 14px;
    border: 0;
    outline: 0;
    margin:  5px 0 5px 10px;
    width:  80%;
}

.graymenu form {
    display:  block;
    padding:  3px 0;
}


.graymenu input[type=text]::placeholder { color: rgba(0,0,0,0.4); } 




/* ---------- Full content ------------ */


.bigbanner {
    display:  block;
    width:  100%;
    height:  220px;
    background:  #000;
    margin:  5px 0;
    border-radius:  4px;
    overflow: hidden;
}

.inbigbanner {
    display:  block;
    padding:  20px 30px;
    position:  relative;
    z-index:  2;
}

.bigbanner h2 {
    display:  block;
    color:  #fff;
    font-size:  26px;
    font-weight:  500;
    width:  40%;
    margin:  29px 0;
    font-style:  italic;
}

.bigbanner a {
    text-align:  center;
    color: #fff;
    padding: 9px 20px;
    font-size: 16px;
    background: #dc1f00;
    border-radius: 4px;
    margin: 0 0 0 4px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 auto;
    width: 80%;
}

.bigbanner a:hover {
    background:  #B91C1C;
}

.bigbanner img {
    display:  block;
    position:  relative;
    margin-top: -220px;
    z-index:  1;
    height:  235px;
}

.slick-dots {
    bottom: 25px;
}

.slick-dots li button {
    display: inline-block;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    width: 10px;
    height: 10px;
    background-color: #3d3737;
    border: 3px solid #3d3737;
    border-radius: 50%;
    position: relative;
    margin: 0 6px;
    text-align: center;
    opacity: .35;
}


.slick-active button {
    background-color: #00cfa6 !important;
    opacity: 1 !important;
}

.slick-dots li button:before {
    font-size: 0;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.minimenu {
    display:  block;
    background:  #424242;
    padding:  5px 0;
    border-radius:  4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.minimenu li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    float:  left;
}

.minimenu li a {
    outline: 0;
    color: #a9a9a9;
    font-size:  1.25em;
}

.minimenu li a.active {
   color:  #fff;
   font-weight:  600;
   background-position: 22%;
}

.minimenu li a:hover {
    color:  #fff;
}


.demo {
    display:  block;
    height:  120px;
    width:  100%;
    background:  url(img/demo-bg.png) center center no-repeat;
    background-size:  65%;
    overflow:  hidden;
    margin-top: 5px;
}

.top-name {
    display:  block;
    text-align:  center;
    color:  #fff;
    font-size:  16px;
    padding:  5px 0;
}

.indemo img {
    display:  block;
    margin:  5px auto;
    height:  47px;
    width:  auto;
}

.plus {
    display:  block;
    float:  left;
    font-size:  16px;
    color:  #24ba9d;
    text-align:  center;
    padding-left:  20px;
}

.minus{
    display:  block;
    float:  right;
    font-size:  16px;
    color:  #dc1f00;
    text-align:  center;
    padding-right:  20px;
}

.overdemo {
    display:  none;
    position:  relative;
    z-index:  2;
    background:  rgba(0,0,0,0.2);
    width:  100%;
    height:  50px;
    margin-top: -105px;
    text-align:  center;
    padding:  24% 0;
}

.overdemo a {
    text-align: center;
    color: #fff;
    padding: 9px 20px;
    font-size: 16px;
    background: #dc1f00;
    border-radius: 4px;
    margin: 0 0 0 4px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 auto;
    width: 80%;
}


.demo:hover .overdemo {
    display:  block;
}



/* ---------- Catalog --------- */

.catbox {
    display:  block;
    float:  left;
    width:  20%;
}

.imgbox {
    display:  block;
    margin:  10px 5px 3px 5px;
    overflow:  hidden;
    height:  140px;
    border-radius:  4px;
}

.imgbox img {
    width:  100%;
    height:  auto;
    border-radius:  4px;
    position:  relative;
    z-index:  1;
}

.catbox span {
    display:  block;
    float:  left;
    color:  #fff;
    font-size:  16px;
    padding:  0 0 0 4px;
}

.favorite {
    display:  block;
    float:  right;
    width:  15px;
    height:  15px;
    background:  url(img/star1.png) center center no-repeat;
    background-size:  100%;
    position:  relative;
    margin:  2px 5px 0  0;
    cursor:  pointer;
}

.favorite:hover {
    background:  url(img/star2.png) center center no-repeat;
    background-size:  100%;
}

.overgame {
    display: none;
    position: relative;
    z-index: 2;
    background: rgba(0,0,0,0.2);
    margin-top: -160px;
    padding: 25% 0;
    width: 100%;
}

.togame {
    display:  block;
    text-align: center;
    color: #fff;
    padding: 9px 20px;
    font-size: 16px;
    background: #dc1f00;
    border-radius: 4px;
    margin: 0 0 0 4px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 auto;
    width: 50%;
    float:  none;
    clear:  both;
}

.demolink {
    display:  block;
    text-align: center;
    color: #fff;
    padding: 9px 20px;
    font-size: 16px;
    border-radius: 4px;
    margin: 0 0 0 4px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 auto;
    width: 80%;
}

.demolink:hover {
    text-decoration:  underline;
}


.imgbox:hover img {
    opacity:  0.8;
}


.imgbox:hover  .overgame {
  display:  block;
}

.catbox .new {
    display: block;
    position: absolute;
    float: right;
    margin-top: -140px;
    width: 53px;
    margin-left: 0;
    z-index: 2;
    height: 30px;
    background: url(img/newt.svg) center right no-repeat;
    background-size: 53px;
}

.showall  {
    display: block;
    text-align: center;
    color: #fff;
    padding: 9px 0px;
    font-size: 16px;
    background: #dc1f00;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    margin: 10px auto;
    width: 100%;
    float: none;
    clear: both;
}

.showall:hover , .togame:hover{
     background:  #B91C1C;
}




/* ----------- Footer ------------ */

footer {
    display:  block;
    background: #424242;
}

.android {
    display:  block;
    padding:  10px 0;
}

.android p {
    display:  block;
    text-align: center;
    font-size: .625em;
    color: #a9a9a9;
    margin:  0 auto 10px auto;
}

.android img {
    display:  block;
    margin:  0 auto;
    height:  32px;
}

.logos {
    display:  block;
    padding:  40px 0 80px 0;
    background:  #242424;
    clear:  both;
}

.logolist div {
    display:  block;
    float:  left;
    margin: 0 2.5% 0 2.5%;
}

.logolist img {
    display:  block;
    height:  28px;
}

#fl1, #fl2 {
    height:  36px;
    filter: grayscale(100%);
}

#fl5 {
    height:  102px;
    position:  relative;
    margin:  -35px 0 0 0;
}

#fl6 {
    width:  100px;
    height:  auto;
    position:  relative;
    margin-top:  5px;
}


.text-content {
    display:  block;
    padding:  30px 0;
    color:  #fff;
}


.text-content h1 {
    display:  block;
    font-size:  26px;
    font-weight:  500;
    padding-top:  10px;
}

.text-content h2 {
    display:  block;
    font-size:  20px;
    font-weight:  500;
    padding-top:  10px;
}

.text-content p, .text-content ul li, .text-content ol li {
    
    font-size:  24px;
    font-weight:  500;
    color: #a9a9a9;
    font-size:  0.9em;
    line-height:  1.6em;
    font-weight: 300;
}

.text-content a {
    color:  #a9a9a9;
    text-decoration:  underline;
}

.text-content a:hover {
    color:  #fff;
}


.text-content img {
    display:  block;
    border-radius:  6px;
    margin:  20px auto;
    width:  100%;
    height:  auto;
}

.text-content table {
    display:  block;
    margin:  25px 0;
    color:  #a9a9a9;
    font-size: 0.9em;
    line-height: 1.6em;
}

.logolist2 {
    display:  block;
    padding:  20px 10px 20px 20px;
    clear:  both;
    border-top:  1px rgba(255,255,255,0.2) solid;
}

.logolist2 div {
    display:  block;
    float:  left;
    margin:  10px 5px;
}


.logotypes {
    display:  block;
    padding-bottom:  30px;
}

.logolist2 img {
    display:  block;
    height:  30px;
    width:  auto;
    filter: grayscale(100%);
}

.logolist2 img:hover {
    filter: grayscale(0%);
}


.review {
    display:  block;
    margin:  20px 0;
    padding:  20px;
    border:  1px rgba(255,255,255,0.2) solid;
}

.rate1 {
    display:  block;
    float:  left;
    width:  20px;
    height:  15px;
    background:  url(img/star2.png) center center no-repeat;
    background-size:  13px;
}

.rate2 {
    display:  block;
    float:  left;
    width:  20px;
    height:  15px;
    background:  url(img/star1.png) center center no-repeat;
    background-size:  13px;
}

.rating {
    display:  block;
    padding:  10px 0 0 0;
}



.filterbox {
    display:  none;
    margin:  10px 0 5px 0;
}


.filter {
    display:  block;
    float:  left;
    background:   #424242 url(img/hamb2.svg) center left no-repeat;
    background-size:  20px;
    background-position:  2%;
    border-radius:  4px;
    color:  #fff;
    font-size:  15px;
    padding:  9px 0 9px 35px;
    width:  44%;
    cursor:  pointer;
}

.filtersearch {
    display: block;
    outline: none;
    font-size: 15px;
    border-radius: 4px;
    width: 44%;
    padding: 9px 10px 9px 25px;
    float: right;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTMuOSAxNC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMy45IDE0LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMjEyMTIxO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjYsMi4zYy0xLjQsMS40LTEuNCwzLjYsMCw1YzEuNCwxLjQsMy42LDEuNCw1LDBjMS40LTEuNCwxLjQtMy42LDAtNUMxMC4yLDEsOCwxLDYuNiwyLjN6IE0xMi41LDguM0MxMC45LDkuOSw4LjQsMTAuMSw2LjYsOWwtNS4yLDUuMkwwLDEyLjhsNS4xLTUuMUMzLjgsNS44LDQsMy4xLDUuNywxLjRjMS45LTEuOSw1LTEuOSw2LjksMEMxNC40LDMuMywxNC40LDYuNCwxMi41LDguM3oiLz48L3N2Zz4=) center left no-repeat;
    background-size:  15px;
    background-position:  10px;

}




/* ---------- Mobile menu ------------ */


.overlay {
    display:  block;
    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    position:  fixed;
    left:  -2000%;
    background:  rgba(0,0,0,0.4);
    width:  100%;
    height:  150vh;
    z-index:  3;
}

.grayline {
    display:  block;
    background:  #424242;
    padding:  5px 0;
    margin-top: 45px;
}

.overlay .language {
    display:  block;
}

.menutext {
    display:  block;
    float:  left;
    width:  70%;
    text-align:  center;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.2em;
    color: #fff;
    margin: 0;
    text-decoration: none;
    padding-left:  15%;
}

.menutext span {
    color:  #dc1f00;
}

.whitenav {
    display:  block;
    width:  90%;
    background:  #e6e6e6;
    padding:  0 0 20px 0;
}

.whitenav ul li {
    display:  block;
    padding:  14px 0 14px 10px;
    clear:  both;
}

.whitenav ul li img {
    display:  block;
    height:  25px;
    float:  left;
}

.whitenav ul li span {
    color:  #000;
    font-size:  16px;
    position:  relative;
    margin:  3px 0 0 5px;
    float:  left;
}




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



@media (max-width: 1280px) {

  .content {
    width: 100%;
}

}




@media (max-width: 1080px) {

.bigbanner h2 {
    width: 50%;
}

.content {
    padding: 50px 0 0 0;
}

.sidebar {
    width:  25%;
}

.fullcontent {
    width:  73%;
}

.imgbox img {
    width: 100%;
    height: 100%;
}

.overgame {
    padding: 30% 0;
}

.logolist div {
    margin: 0 2% 0 2%;
}

.demolink {
    padding: 9px 0;
    width: 100%;
}

}




@media (max-width: 1024px) {

.language, .header-menu, header input[type=text], header input[type=password], .headline  {
    display:  none;
}

.logo img {
    display:  none;
}

.logo {
    background:  url(img/logo2.svg) center left no-repeat;
    background-size:  80px;
    width:  80px;
    height:  40px;
    margin-top: -2px;
}

header {
    border-bottom:  1px rgba(255,255,255,0.2) solid;
    padding-bottom: 2px;
}

.registration, header input[type=submit] {
   padding: 9px 9px;
}

.hamb {
    display:  block;
}

.wrap-header {
    width:  99%;
}

.sidebar {
    display:  none;
}

.fullcontent {
    width: 97%;
    padding:  0 10px 0 10px;
    float:  none;
}

.bigbanner img {
    height: 270px;
}

.catbox {
    width: 25%;
}

.overgame {
    padding: 20% 0;
}

.logotypes {
    display: none;
}

.logolist div {
    margin: 0 1.5% 0 1%;
}

.logolist div img {
    max-width:  90px !important;
}


.filterbox {
    display:  block;
}



}



@media (max-width: 720px) {

.bigbanner h2 {
    font-size: 20px;
    height: 80px;
}


.no720 {
    display:  none;
}

.filter, .filtersearch {
    width:  40%;
}



}






@media (max-width: 580px) {

.catbox {
    width: 50%;
}

.menutext {
    font-size: 16px;
    padding-left: 0;
}

.whitenav {
    width: 80%;
}

.filter, .filtersearch {
    width:  40%;
}

.filter {
        background-position: 5%;
}

.logolist div img {
    max-width:  50px !important;
}


}






@media (max-width: 360px) {

.bigbanner h2 {
    font-size: 18px;
    height: 80px;
    width: 90%;
}

.fullcontent {
    width: 95%;
}

.overgame {
    padding: 25% 0;
}

.logolist div {
    margin: 10px 2%;
}

.filter, .filtersearch {
    width:  38%;
}



}




/* ---- */