/****************************************************************************************** COMMON */

*{-webkit-box-sizing:border-box;box-sizing:border-box}
html{display:table;margin:0;font-family:"Roboto",sans-serif;font-size:14px;color:#4a4748}
html,body,main{width:100%;height:100%;background-color:#f9f9f9}
body{max-width:428px;margin:0 auto;position:relative;box-shadow:0 0 10px #e0e0e0}
main,ul,.page.active{display:inline-block}
main{position:relative;z-index:8}
footer,.page,button>span{display:none}

input,select,textarea,button{border:none;outline:none;outline-width:0}
button{display:block;padding:0;background-color:transparent;cursor:pointer}
img,.svg{display:block}

ul{margin:0;padding:0;list-style:none}
a{text-decoration:none}

.color2{color:#ed017f}

.page.taxanomy ul{width:100%;padding:50px 30px 34px}
.page.taxanomy ul>li>a{display:block;width:100%;margin-bottom:16px;padding:13px 0;border:1px solid #dddddd;border-radius:5px;font-size:1.2em;text-align:center;text-transform:uppercase;color:#4a4748;background-color:#fff}

@media screen and (min-width:429px){
::-webkit-scrollbar{width:10px}
/*::-webkit-scrollbar:hover{width:17px}*/
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-thumb{background-color:#cccccc;border:3px solid #ffffff;border-radius:6px}
::-webkit-scrollbar-track{background-color:#ffffff}
::-webkit-scrollbar-track-piece{background-color:#ffffff;border:4px solid #ffffff;border-radius:9px}

::-webkit-scrollbar:horizontal{height:5px}
::-webkit-scrollbar-thumb:horizontal{background-color:#cccccc;border:1px solid #ffffff;border-radius:6px}
::-webkit-scrollbar-track:horizontal{background-color:#ffffff;border-radius:9px}
::-webkit-scrollbar-track-piece:horizontal{background-color:#ffffff;border:none;border-radius:0}
}

/*удалить*/.nothing{height:80vh;display:flex;justify-content:center;align-items:center;text-align:center}


/****************************************************************************************** COMMON */






/****************************************************************************************** HEADER */
@media (prefers-color-scheme: dark) {
/*.header{background-color:#0c0e3e}*/
.header{background-color:#222}
}
@media (prefers-color-scheme: light) {
.header{background-color:#fff}
}
.header{display:flex;position:fixed;top:0;z-index:10;width:100%;max-width:428px}
.logo{width:calc(100% - 168px);display:flex;justify-content:center;align-items:center}
/*.logo-img{display:block;width:100%;max-width:260px;height:auto;margin:0 auto}*/
.logo1,.logo2{display:block;width:100%;height:auto}
.logo1{width:29.231%}
.logo-space{width:6.923%;height:100%}
.logo2{width:63.846%}
.menu-button .svg,.back-button .svg,.menu-button.close .burger.svg{display:none}
.menu-button .burger{display:block;margin-top:1px}
.menu-button.close .close,.back-button .back{display:block}
.menu-button,.fullscreen-button,.back-button{width:84px;display:flex;justify-content:center;align-items:center}
.fullscreen-img{margin-left:1px}

/* MENU */
.menu{position:fixed;z-index:9;overflow:hidden;background-color:#fff}
.menu.carousel{display:flex;justify-content:center;flex-flow:column;bottom:0}
.menu.fullscreen .move-left,.menu.fullscreen .move-right{display:none}
.menu.carousel .move-left,.menu.carousel .move-right{width:20px;height:100%;position:absolute}
.menu.carousel .move-left{left:0}
.menu.carousel .move-right{right:0}
.menu.carousel .move-left:before,.menu.carousel .move-right:before{content:'';display:block;width:0;height:0;margin-left:5px;border-top:7px solid transparent;border-bottom:7px solid transparent}
.menu.carousel .move-left:before{border-right:10px solid #ed017f;}
.menu.carousel .move-right:before{border-left:10px solid #ed017f}
.menu.carousel>ul{position:relative;left:0;transition:left 0.3s linear}
.menu.carousel .el{float:left;padding:0 30px}
.menu.fullscreen{overflow:auto;padding:60px 30px 0px}
.menu.fullscreen>ul{max-width:290px;margin:0 auto;display:flow-root}
.menu.fullscreen .el{width:50%;float:left;display:flex;flex-flow:column}
.menu.fullscreen .el:nth-child(3),.menu.fullscreen .el:nth-child(4),.menu.fullscreen .el:nth-child(5){width:100%;flex-flow:row wrap}
.menu.fullscreen .el:nth-child(3){padding:25px 0 70px}
.menu.fullscreen .el:nth-child(4),.menu.fullscreen .el:nth-child(5){justify-content:space-between}
.menu.fullscreen .el:nth-child(5){margin:30px 0 60px;padding-top:30px;border-top:1px solid #cccccc}
.menu.carousel li{float:left;height:100%}
.menu.carousel li{width:33.333%}
.menu.fullscreen li{height:28px;margin:0 0 60px}
.menu.fullscreen .el:nth-child(3) li:nth-child(1){margin:0 0 30px}
.menu.fullscreen .el:nth-child(5) li{margin:0 0 12px}
.menu li,.menu li>a{display:block}
.menu li.vn{width:100%}
.menu.carousel li.vn-prod,.menu.carousel li.vn-serv,.menu.carousel .el:nth-child(5),.menu li>a>span{display:none}
.menu.carousel li>a{width:100%;height:100%}
.menu.carousel li>a>.svg{width:auto;height:100%}
.menu.carousel li:nth-child(1)>a>.svg{margin:0 auto 0 0}
.menu.carousel li:nth-child(2)>a>.svg{margin:0 auto}
.menu.carousel li:nth-child(3)>a>.svg{margin:0 0 0 auto}
.menu.carousel li>a>.vn.svg{margin:0 auto}
.menu.carousel li>a>.sn.svg{margin:0 0 0 auto}
.menu.fullscreen li>a{width:100%;height:28px}
.menu.fullscreen .el:nth-child(2) li>a,.menu.fullscreen .el:nth-child(4) li>a.isbe{display:flex;justify-content:flex-end}
.menu li>a{color:#4A4748;text-decoration:none}
.menu.fullscreen li.vn-prod,.menu.fullscreen li.vn-serv,.menu.fullscreen li.vn-prod>a,.menu.fullscreen li.vn-serv>a{height:34px;margin:0}
.menu.fullscreen li.sn,.menu.fullscreen li.isbe{margin:0}
.menu li.vn-prod{width:56.391%;padding-right:5px}
.menu li.vn-serv{width:43.609%;padding-left:5px}
.menu li.sn{width:36.066%;padding-right:10px}
.menu li.isbe{width:63.934%;padding-left:10px}
.menu a.vn-serv,.menu a.isbe{text-align:right}
.menu .vn.svg,.menu .vn-prod.svg,.menu .vn-serv.svg,.menu .sn.svg,.menu .isbe.svg{max-width:100%}
@media screen and (max-width:359px){
.menu .el.foot a{font-size:12px}
}
/* MENU */


/****************************************************************************************** HEADER */






/****************************************************************************************** FOOTER */





/****************************************************************************************** FOOTER */






/****************************************************************************************** PAGE */





/****************************************************************************************** PAGE */






/****************************************************************************************** SLIDE-SHOW */
.slide-show-pc{position:fixed;z-index:1;left:0;width:100vw;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center center}
/****************************************************************************************** SLIDE-SHOW */






/****************************************************************************************** RADIO PLAYER */


.player button,.player input,.player .track,.track-recent{float:left}

.cover{position:relative}
.cover-img{position:absolute;z-index:1;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.cover [onclick]{cursor:pointer}
.cover button{position:absolute;z-index:4}
.cover-play-stop-button{left:calc(50% - 40px);top:calc(50% - 40px);width:80px;height:80px;border-radius:80px;background-color:rgba(74,71,72,0.5)}
.cover-play-button{width:38px;height:auto;margin-left:25px}
.cover-stop-button{width:36px;height:auto;margin:0 auto}
.cover-play-stop-button .svg path{fill:#fff!important}
.cover .cover-share-button{display:none;right:30px;top:30px;width:20px;height:22px}
.cover .cover-full-screen-button{display:none;right:30px;bottom:30px;width:22px;height:22px}

.equalizer{position:absolute;z-index:3;bottom:0;left:0;margin:0 auto;opacity:0.7}

.player{width:100%;float:left;padding-top:40px;z-index:9}
.play-stop-button{width:20px;height:22px;margin:0 30px}
.mute-turn-button{width:26px;height:22px;margin-right:15px}
.recent-tracks-button,.close-radio-button{width:24px;height:19px;margin:1px 30px 0 30px}
.close-radio-button{display:none;justify-content:flex-end;align-items:center}
.close-radio-button-img{width:18px;height:18px}

.track,.track-recent{width:100%;padding-top:40px}
.track>div,.track-recent-title{padding:0 30px 30px}
.track-recent-list{padding:0 30px}
.track-recent-list>div{line-height:1.6em}

.cover-play-button,.cover-play-stop-button.on .cover-stop-button,.cover-play-stop-button.hidden,.play-button,.play-stop-button.on .stop-button,.mute-button,.mute-turn-button.on .turn-button,.track-recent,.vol-indicator{display:none}
.cover-stop-button,.cover-play-stop-button.on .cover-play-button,.stop-button,.play-stop-button.on .play-button,.turn-button,.mute-turn-button.on .mute-button,.track-recent.on{display:block}
@media screen and (min-width:1025px){
.cover:hover .cover-play-stop-button.hidden{display:block}
}

.player input{margin:9px 0 0}
/* Chrome */
.player input[type=range]{-webkit-appearance:none;background:transparent;width:calc(100% - 205px)}
.player input[type=range]:focus{outline:none}
.player input[type=range]::-webkit-slider-runnable-track{width:calc(100% - 205px);height:3px;cursor:pointer;animate:0.2s;box-shadow:0 0 0 #fff, 0 0 0 #fff;background:url(../media/basic/bg/bg-color-cccccc.png)}
.player input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #fff, 0 0 0 #fff;height:18px;width:18px;border-radius:50%;background:url(../media/basic/bg/bg-color-4a4748.png);cursor:pointer;-webkit-appearance:none;margin-top:-8px}
/* Firefox */
.player input[type=range]::-moz-range-track{width:calc(100% - 205px);height:3px;cursor:pointer;animate:0.2s;box-shadow:0 0 0 #fff, 0 0 0 #fff;background:url(../media/basic/bg/bg-color-cccccc.png)}
.player input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #fff, 0 0 0 #fff;border:0 solid #fff;height:18px;width:18px;border-radius:50%;background:url(../media/basic/bg/bg-color-4a4748.png);cursor:pointer}
/* IE e Edge */
.player input[type=range]::-ms-track{width:calc(100% - 205px);height:3px;cursor:pointer;animate:0.2s;background:transparent;border-color:transparent;border-width:10px 0;top:-10px;color:transparent}
.player input[type=range]::-ms-fill-lower{background:url(../media/basic/bg/bg-color-cccccc.png);border:0 solid #fff;box-shadow:0 0 0 #fff, 0 0 0 #fff}
.player input[type=range]::-ms-fill-upper{background:url(../media/basic/bg/bg-color-cccccc.png);border:0 solid #fff;box-shadow:0 0 0 #fff, 0 0 0 #fff}
.player input[type=range]::-ms-thumb{box-shadow:0 0 0 #fff, 0 0 0 #fff;border:0 solid #fff;height:18px;width:18px;border-radius:50%;background:url(../media/basic/bg/bg-color-4a4748.png);cursor:pointer}


.radio.page.min{display:inline-block;position:fixed;background-color:#fff}
.radio.min .cover{width:68px!important;height:68px!important;float:left;overflow:hidden}
.radio.min .equalizer{height:34px!important}
.radio.min .cover-play-stop-button,.radio.min .track-recent{display:none!important}
.radio.min .player{width:calc(100% - 68px);height:68px;padding-top:12px}
.radio.min .track{margin-top:11px;padding-top:3px;border-top:1px solid #ccc}
.radio.min .track-name{padding:0 30px}
.radio.min .track-name>div,.radio.min .track-name-next{display:none}


/****************************************************************************************** RADIO PLAYER */






/****************************************************************************************** GAME SNAKE */


.snake-game,.snake-up,.snake-down,.stop-snake-control,.start-snake-control{display:block;margin:0 auto}
.snake-game{width:100%;flex-flow:column}

.snake-control-wrap{padding:30px 0 0;border-top:1px solid #cdcdcd}
.snake-control{width:40px;height:40px;border-radius:5px;background-color:#4A4748;color:#fff;font-size:32px;line-height:1em;display:flex;justify-content:center;align-items:center}
.snake-left,.snake-right{float:left}
.snake-left{margin:10px 30px 10px calc(50% - 70px)}
.snake-right{margin:10px calc(50% - 70px) 10px 30px}

.stop-snake-control{margin:30px auto}

.stop-snake-control,.start-snake-control{display:none}


/****************************************************************************************** GAME SNAKE */






/****************************************************************************************** FULL SCREEN */


@media screen and (min-width:429px){


html.fs{overflow:hidden!important}
body.fs,.fs .header,.fs main,.fs .header{max-width:unset;background-color:transparent}
.fs main{padding:90px 0!important;display:flex}
/*.fs .page{position:relative}*/
.fs .page.active{display:block;margin:0 auto;background-color:#f9f9f9}


.fs .header{top:10px}
.fs .menu-button,.fs .fullscreen-button,.fs .back-button{position:absolute;width:40px;height:40px;margin:30px;border-radius:3px;background-color:rgba(0,0,0,0.5)}
.fs .menu-button,.fs .back-button{left:105px}
.fs .menu-button.close{left:260px}
.fs .fullscreen-button{right:0}
.fs .fullscreen-img{width:48px!important;height:auto!important}
.fs .logo{width:76px;margin-left:30px}
.fs .logo1{width:100%}
.fs .logo2.svg{width:420px;position:absolute;top:12px;left:calc(50% - 210px)}
.fs .menu.fullscreen{top:0!important;width:auto!important;height:100vh!important;padding:150px 30px 0px;background-color:rgba(0,0,0,0.93)}


.fs .cover{position:fixed;left:0;top:0;width:100%!important;height:100%!important}
.fs .equalizer{width:100%!important;height:40%!important;opacity:0.3}


.fs .player{position:absolute;left:0;bottom:-160px;padding-top:10px;background-color:rgba(0,0,0,0.5)}
.fs .player .track-recent-title{font-size:1.2em;font-weight:600}


.fs .games.page.active{background-color:transparent}
.fs .snake.page.active{width:520px!important;display:flex;justify-content:center;align-items:center;background-color:transparent}
.fs .snake-game,.fs .snake-control-wrap{background-color:rgb(0,0,0,0.9)}
.fs .snake-control-wrap{display:none}


.fs .logo2,.fs .menu.carousel,.fs .menu-button,.fs .fullscreen-button,.fs .back-button,.fs .cover-play-stop-button,.fs .player{display:none!important}
.fs.show-interface .menu-button,.fs.show-interface .fullscreen-button,.fs.show-interface .back-button{display:flex!important}
.fs.show-interface .logo2.svg,.fs.show-interface .cover-play-stop-button,.fs.show-interface .player{display:block!important}
.fs .menu-button #path482,.fs .menu-button #path492,.fs .back-button #path494,.fs .fullscreen-button #path4679,.fs .fullscreen-button #path4681,.fs .player #path486,.fs .player #path490,.fs .player #path484,.fs .player #path500,.fs .player #path488{fill:#fff!important}
.fs .logo2 #path5033,.fs .menu #path3933,.fs .menu #path132,.fs .menu #path159,.fs .menu #path137,.fs .menu #path166,.fs .menu #path149,.fs .menu #path176,.fs .menu #tspan225,.fs .menu #tspan231,.fs .menu #path144,.fs .menu #path169{fill:#ccc!important}
.fs .menu #path223,.fs .menu #path229{stroke:#ccc!important}
.fs.show-interface .player .track-recent-list,.fs .menu li>a{color:#ccc}
.fs .player input[type=range]::-webkit-slider-runnable-track{background:url(../media/basic/bg/bg-color-ffffff.png)}
.fs .player input[type=range]::-webkit-slider-thumb{background:url(../media/basic/bg/bg-color-cccccc.png)}
.fs .player input[type=range]::-moz-range-track{background:url(../media/basic/bg/bg-color-ffffff.png)}
.fs .player input[type=range]::-moz-range-thumb{background:url(../media/basic/bg/bg-color-cccccc.png)}
.fs .player input[type=range]::-ms-fill-lower{background:url(../media/basic/bg/bg-color-ffffff.png)}
.fs .player input[type=range]::-ms-fill-upper{background:url(../media/basic/bg/bg-color-ffffff.png)}
.fs .player input[type=range]::-ms-thumb{background:url(../media/basic/bg/bg-color-cccccc.png)}
}


/****************************************************************************************** FULL SCREEN */