.container {
    margin: auto;
    width: 1000px;
}

header-desktop {
    padding: 24px 0;
    border-bottom: 1px solid;
}

header-desktop nav {
  margin-bottom: 2rem;
}

footer {
    height: 200px;
    padding: 24px 0;
}

main {
    min-height: 500px;
    padding: 24px 0;
}

time {
    font-size: small;
}

@font-face {}
html, body {
    background-color: #f9f9f9;
    width: 100%;
    min-width: 280px;
    height: 100%;
    padding:0; margin:0;
}
nav, section, article, aside, footer {display: block;}

@media (max-width: 2500px) and (min-width: 2050px){div.adContainer{max-width:2050px;}}
@media (max-width: 2055px) and (min-width: 1850px){div.adContainer{max-width:1850px;}}
@media (max-width: 1855px) and (min-width: 1650px){div.adContainer{max-width:1650px;}}
@media (max-width: 1855px) and (min-width: 1500px){div.adContainer{max-width:1500px;}}
@media (max-width: 1505px) and (min-width: 1300px){div.adContainer{max-width:1300px;}}
@media (max-width: 1305px) and (min-width: 1100px){div.adContainer{max-width:1100px;}}
@media (max-width: 1105px) and (min-width: 900px){div.adContainer{max-width:900px;}}
@media (max-width: 905px) and (min-width: 700px){div.adContainer{max-width:700px;}}
@media (max-width: 705px) and (min-width: 500px){div.adContainer{max-width:500px;}}
@media (max-width: 505px) and (min-width: 300px){div.adContainer{max-width:300px;}}
@media (max-width: 305px) and (min-width: 0px){div.adContainer{max-width:200px;}}
@media (max-height: 1300px) and (min-height: 1100px){div.adContainer{max-height:1100px;}}
@media (max-height: 1285px) and (min-height: 1000px){div.adContainer{max-height:1000px;}}
@media (max-height: 1185px) and (min-height: 900px){div.adContainer{max-height:900px;}}
@media (max-height: 1085px) and (min-height: 800px){div.adContainer{max-height:800px;}}
@media (max-height: 985px) and (min-height: 700px){div.adContainer{max-height:700px;}}
@media (max-height: 885px) and (min-height: 600px){div.adContainer{max-height:600px;}}
@media (max-height: 785px) and (min-height: 500px){div.adContainer{max-height:500px;}}
@media (max-height: 685px) and (min-height: 400px){div.adContainer{max-height:400px;}}
@media (max-height: 585px) and (min-height: 300px){div.adContainer{max-height:300px;}}
@media (max-height: 485px) and (min-height: 200px){div.adContainer{max-height:200px;}}
@media (max-height: 385px) and (min-height: 100px){div.adContainer{max-height:100px;}}

@media (max-width: 1200px) {
    div.adBlockSize {max-width:75%; max-height: 73%;}
}
@media (max-width: 945px) {
    div.hbuttons {display: none;}
    img.menu {display: block;}
    img.logo{width: 279px;height: auto;margin:25px 20px 20px 20px;}
    div.header-desktop{text-align: left;}
    div.header-mobile-portrait{text-align: left;}
    div.header-mobile-landscape{text-align: right;}
    div.aboutCategory{margin: 50px 50px;}
    div.aCD{font-size: 24px;}
    div.aCTitle{font-size: 20px;margin-left: 70px}
    div.portfolioGames{min-height: 200px}
    div.cTitleInfo {font-size: 20px}
    div.adBlockSize {max-width:80%; max-height: 75%;}
    div.gameInfo{display: none}
    span.game-header-all-games{display: none}
    a.mail{font-size: 30px}
}
@media (max-width: 650px){
    img.game{width: 150px;height: 150px;}
    img.logo{width: 240px;height: auto;margin:27px 20px 20px 20px;}
    div.aboutCategory{margin: 30px 30px;}
    div.aCD{font-size: 22px;}
    div.aCTitle{font-size: 16px;margin-left: 30px}
    div.portfolioGames{min-height: 150px}
    div.cTitleInfo {font-size: 18px}
    div.adBlockSize {max-width:85%; max-height: 75%;}
    div.gameInfo{display: none}
    div.game-header-title{text-align: right;}
    h1.game-header-name{margin: 0 12px 0 0;}
    span.game-header-all-games{display: none}
    a.mail{font-size: 28px}
    img.newInfo{margin: 120px 12px 12px 0px;width: 69px; height: 35px;}
}
@media (max-width: 390px){
    img.game{width: 130px;height: 130px;}
    img.logo{width: 220px;height: auto;margin:27px 20px 20px 20px;}
    div.aboutCategory{margin: 30px 30px;}
    div.aCD{font-size: 22px;}
    div.aCTitle{font-size: 16px;margin-left: 20px}
    div.portfolioGames{min-height: 150px}
    div.cTitleInfo {font-size: 16px}
    div.adBlockSize {max-width:90%; max-height: 75%;}
    div.gameInfo{display: none}
    div.game-header-title{text-align: right;}
    h1.game-header-name{margin: 0 12px 0 0;}
    span.game-header-all-games{display: none}
    a.mail{font-size: 24px}
    img.newInfo{margin: 105px 12px 12px 0px;width: 64px; height: 30px;}
}
@media (max-width: 365px){
    img.game{width: 110px;height: 110px;}
    img.logo{width: 160px;height: auto;margin:32px 20px 20px 10px;}
    div.gameInfo{display: none}
    div.game-header-title{display: none}
    span.game-header-all-games{display: none}
    div.aboutCategory{margin: 20px 20px;}
    div.aCD{font-size: 18px;}
    div.aCTitle{font-size: 16px;margin-left: 20px}
    div.portfolioGames{min-height: 150px}
    div.cTitleInfo {font-size: 14px}
    div.adBlockSize {max-width:95%; max-height: 75%;}
    a.mail{font-size: 22px}
    img.newInfo{margin: 90px 12px 12px 0px;width: 59px; height: 25px;}
}
.game-header-title{text-align: center;font-family: Arial;position:fixed;margin-top: 12px;width: 100%;}
.game-header-name{color: white;font-size: 15px;margin: 0;}
.game-header-all-games{font-size: large;vertical-align: text-top; margin-left: 5px}
.header-desktop {text-align:left;height: 82px;background-color: #313131;z-index: 4500;}
.header-mobile-portrait {display:none;text-align:left;height: 40px;background-color: #313131;z-index: 4500;}
.header-mobile-landscape {display:none;text-align:left;position: absolute;width: 40px;height:100%;background-color: #313131;z-index: 4500;}
.logo{
    margin:20px 20px 20px 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.logo-portrait{
    width: 190px;height: auto;
    margin: 10px;
    margin-top: 8px;
}
.logo-landscape{
    width: 190px;
    height: auto;
    margin: 10px;
    rotate: -90deg;
    position: absolute;
    bottom:85px;
    left:-85px;
}
.menu{margin:20px;display: none;float: right;}
.menu-mobile{height:32px; width:auto;margin:5px;float: right;}
.cTitleInfo {text-align: left; font-size: 25px; font-family:Arial; color: #3f4040}
.gameInfo{position: absolute;margin: 14px;z-index: 4100;opacity: 0;}
.gameInfoIcon{border-radius: 18px 0 18px 0;width: 48px; height: 48px;}
.newInfo{position: absolute;margin: 240px 12px 12px 0px;width: 79px; height: 45px; z-index: 4100;display: none}
.adBlockSize{max-width:60%;max-height: 60%;}
.sticky-banner-right{display:none;width:300px;max-width:300px;height: calc(100% - 82px);max-height: calc(100% - 82px);position: absolute;right:0;background-color: #3f4040;}
.sticky-banner-top{display:none;width:100%;height:120px;max-width:100%;max-height:120px;position:absolute;background-color: #3f4040;}
.wrapper {position: relative; min-height:100%; margin-bottom:-100px}
.content {
    position: relative;
    margin:30px auto;
    max-width: 1400px;
    text-align: center;
    padding-bottom: 100px;
}

.footer {
    text-align: center;
    width: 100%;
    height: 100px;
    position: absolute;
    background-color:#313131;
}
.closeBtn{
    position: absolute;
    margin: 25px 0px 0px -25px;
    width: 100%;
    text-align: right;
}
.yaAdStyle{}
.playButtonStyle{display: none;z-index: 4500;}
.LoadingMessage{
    position:fixed;bottom: 0;
    width: 100%;
    max-width: 100%;

    text-align: center;
    font-size: 72px;
    font-family:Arial;
    color: #ffffff;
    /*background-color: #bb1895;*/
    background-color: #3f4040;
}
.gameLoadingMessage
{
    text-align: center;
    font-size: 65px;
    font-family:Arial;
    color: #ffffff;
}
.text-input{
    width: 100%;
    max-width: 100%;
    font-family:Arial;
    font-size: 28px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #fbb03b;
    resize:horizontal;
}
.loading{display: none}
.error-message{display: none}
.sent-message{display: none}
button:hover { background-color: #fe802b; }
.skipButton:hover {background-color: #fe802b;}
.skipButton{ width:100%;
    border-radius: 10px;
    position:absolute;
    color: white;
    text-align: center;
    font-size: 36px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family:Arial;
    color: #ffffff;
    background-color: #fbb03b}
.skipButtonWrapper{position: absolute; text-align: center;background-color: #3f4040; bottom: 0; margin-right: 5px;margin-bottom: 25px}
.openMenu{position: fixed;
    display: none;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #313131;
    z-index: 5000;}
.adContainer{background-color: #fbb03b; width:1850px; height: 1100px;}
.game {width: 280px; height: 280px; margin: 15px; border-radius: 18px;}
.hbuttons {
    margin: 30px 23px 0px 0px; float: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.copyright {margin: 22px 0 0 0; font-family: 'Arial'; color:#ffffff;}
.x-line-orange {border-bottom: 2px solid #fe802b; padding-bottom: 5px;}
A {text-decoration: none;font-size:23px;}
A:hover {text-decoration: none;color: #fbb03b;}
a {font-family: 'Arial';color:#ffffff;}
p {
    line-height: 1.3;
}
.gamePart:hover {opacity: 0.8;transition: 0.3s;}
.gamePart:hover .gameInfo {opacity: 1;transition: 0.3s;}

.gamePart {display: inline-block;transition: 0.3s;}
p {font-family: Arial}
h1 {font-family: Arial;color: #3f4040;}
h3 {font-family: Arial;color: #3f4040;}
.gameDescription {font-family: Arial;color: #3f4040;font-size: 28px;}
.gameDescription h3 {font-family: Arial;color: #3f4040;font-size: 19px;}

.categoryA {font-size: 14px;color: #3f4040;}
.gameLink {font-family: Arial;color: #000000;font-size: 26px;}

.mail {color:#fbb03b;font-size: 30px}
a.mail{text-decoration: underline;}
a.mail:hover{opacity: 1;color: #fe802b;transition: 0.3s;}
.ratio-content {position: absolute;top:0;left:0;bottom:0;right:0;}
.ad-ratio-content {position: absolute;left:0;bottom:75px;right:0; height:100%;background-color: #3f4040;z-index: 4000;display: none}
.GameWrapperStyle{width: 100%;scrolling:none;display: none;}
.CloseAdStyle{position:fixed;bottom: 0; width: 100%;height: 75px; background-color: #3f4040;z-index: 4000;display: none}
.outer:before {
    content: '';
    display: inline-block;
    height: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.gamePreloaderLayer{
    position: absolute;top:82px;left:0;bottom:0;right:0;background-color: #3f4040;z-index: 4000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.inner {
    display: inline-block;
    vertical-align: middle;
}

/* добавим горизонтальное центрирование */
.outer {
    text-align: center;
    height:100%; width: 100%;
}

.flex-container {
    height: 100%;
    padding-top: 38px;
    margin-top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.smallPlayBtn { width: 150px;font-size: 28px;padding-top: 15px;padding-bottom: 10px; }
.fontSize22 { font-size: 22px; }
.tryItNowBtn { position:relative; }
.selectedLang { background-color: #fe802b;}
.notSelectedLang { background-color: #3f4040;;}
.justifyContent{display: flex;box-sizing: border-box;justify-content: space-between;}
.portfolioGames{min-height: 420px;}
.aboutCategory{text-align: left;margin: 100px 100px; font-size: 26px;font-family:Arial;}
.aboutCategory h2{font-size: 22px;}
.aCD{font-size: 26px;}
.aCTitle{text-align:left;font-size: 22px; font-family:Arial; color: #3f4040;margin-left: 100px}
.lang-switcher-size {max-width: 450px;padding-right: 12px}
.lang-switcher {
    border-radius: 9px;
    margin-right: 10px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 10px;
    font-family: Arial;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}