@charset "UTF-8";
@font-face {
  font-family: 'lea_light';
  font-style: normal;
  font-weight: 100;
  src: local('lea_light'), local('lea_light'),
      url(fonts/light.ttf) format('truetype');
}
@font-face {
  font-family: 'lea_regular';
  font-style: normal;
  font-weight: 400;
  src: local('lea_regular'), local('lea_regular'),
      url(fonts/regular.ttf) format('truetype');
}

* {
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; 
  -webkit-tap-highlight-color: transparent;
  box-sizing:border-box;
}
html,body {
	min-width:300px;
  font-family: 'lea_light', sans-serif;
	font-weight: 100;
  font-size:2vmin;
  font-weight: normal;
  color: #393939;
  height: 100%;
  width: 100%;
}
.no-blur{
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  -webkit-filter: blur(0px);
  filter: blur(0px);  
}
a{color:#393939;text-decoration: none;}
body {
  height:100vh;
  min-width: 200px;
  position: relative; 
  background:white;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none; 
}
:focus{outline:none!important;}
[class^=fr_]{display:flex;flex-wrap:wrap;flex-direction:row;align-items: center;}
[class^=fc_]{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items: center;}
.f1{flex:1}
.f2{flex:2}
.f3{flex:3}
.fr_sparound{justify-content:space-around}
.fr_spbetween{justify-content:space-between}
.fr_spbetween_top{justify-content:space-between;align-items: flex-start}
.fr_spbetween_center{justify-content:space-between;align-items:center;}
.fr_center{justify-content:center}
.fr_right{justify-content:flex-end}
.fr_left{justify-content:flex-start}
.fr_left_top{justify-content:flex-start;align-items:flex-start}
.fc_center{align-items: center;}
.fc_spbetween{justify-content: space-between;}
.fc_left{align-items: flex-start;}
.fc_left_top{align-items: flex-start;justify-content:flex-start}
.f_nowrap{flex-wrap:nowrap;}

#app{
  height: 100%;
  overflow: hidden;
  position:relative;
  font-size:2vmin;
  background: white;
	display:flex;
	flex-direction:column;
	margin:0 auto;
	flex-wrap:wrap;
	max-width:140vmin;
}

#ai_promo{position:absolute;bottom:0;right:0;font-size:.7em;z-index:5}
#im{height: 100%;position:absolute;bottom:0;right:0;z-index:1;display: flex;align-items: flex-end;}
#im>img{height:90%;width:auto;display:block;}
#cont1{max-width:50%;z-index:0;display:flex;flex-direction:column;justify-content: space-between;height: 100vh;}
#cont1>*{width:100%;display:flex;justify-content:space-between;}
#logo{height: 35vmin;display:flex;flex-direction:column;}
#logo_img_cont>img{height:35vmin;}
/* #logo_img_cont{width: 100%;height: 100%;} */
#cont_ico img{width:20vmin;}
#cont_ico a{display:block;background-color: #e9e9e9;}
#cont_content{padding:2vmin 5vmin;background:#e9e9e9;color:#393939;min-height: 36vmin;display:flex;flex-direction:row;margin-bottom: 5vmin;}
#cont_content .slick-slide{height:100%;}
#cont_content .slick-slide>div{display:flex!important;flex-direction:row;height:100%}
#cont_content .slick-slide .cont_txt{display:flex!important}
#cont_content a{color:#393939}
.slick-dots li{margin:0 1vmin!important}

.slick-dots{bottom: -1.3vmin!important;left:0}
.slick-dots li{width:2vmin!important;height:2vmin!important;}
.slick-dots li button:before{font-size:5vmin!important;width:auto!important;height:auto!important;line-height:normal!important}
.slick-dots li button{width:auto!important;height:auto!important;padding:0!important}

.slick-track{height:100%}
.cont_txt{height:100%;display:flex;flex-direction: column;justify-content: space-between;}
.listen_all{border-bottom:1px solid #717171}
.song_img{width:10vmin}
.listen_block{display:flex;}
#radio_block{    	
		display: flex;
    flex-direction: column;
    /* height: 100%; */
    justify-content: space-around;
    margin-left: 2vmin;	
}
#radio_block a{
	font-size:1em;
  padding-left: 5vmin;
  line-height: 4vmin;	
	background-size: 3vmin;	
	border: .1vmin solid #cccccc;
  padding-right: 1vmin;
	color:#717171;
	background-color: #f3f3f3;
	font-family: 'lea_regular', sans-serif;
}		
.a_spot{background:url(../pics/ico_spotify.png) no-repeat left 1vmin center;}
.a_ym{background:url(../pics/ico_yamus.png) no-repeat left 1vmin center;}
#about{
	position: absolute;
    top: 2vmin;
    left: 24vmin;
    font-size: 13vmin;	
		font-family: 'lea_regular', sans-serif;
		font-weight: bold;
		color:#3a3b3b;
}
h2{min-height: 7vmin;}
.track_date{font-size:1em;}
#logo_lnk_cont>a{font-size:.7em}
#logo_lnk_cont{display:none}
#radio_block a.btn_big{font-size:1.5em;padding:2vmin;background-size:7vmin;padding-left:9vmin}
#msgbox_close path{stroke:white!important}

@media screen and (max-width: 130vmin) {	
	.msg{min-width:95%!important;font-size:2em}
	.btn_big{font-size:inherit;padding:inherit;background-size:inherit;padding-left:inherit}
	#logo_lnk_cont>a{font-size:1em;margin-bottom:3vmax}
	#logo_img_cont>img{width: 100%;height:auto}
	
	#im{width:100%!important}
	#im img{width:100%;height: auto;}
	#ai_promo{display:none;}
	
	#cont1{width: 100%;max-width: 100%!important;height:auto;padding-bottom: 100px;}
	#app{overflow-y:auto;font-size:3vmax;max-width:100%!important}
	#logo_img_cont {
    /* width: 100%; */
    /* height: 100%; */
    text-align: center;
	}
	#logo_lnk_cont{display:flex;flex-direction:column;padding:2vmax;order:2}
	#logo_lnk_cont>*{margin-bottom:1vmax}
	#logo{height:auto;margin-bottom: 5vmax;}
	#cont_ico img {width: 100%;height: 100%;}
	#cont_ico{background-color:#393939;order:4;position: fixed;
    bottom: 0;
    left: 0;
		    height: 100px;
        justify-content: space-around;
	}
	.listen_all{display:none}
	.song_img{width: 17vmax;}
	.listen_block{margin-top:3vmax;padding-bottom: 5vmax;}
	#radio_block a {
			padding-left: 6vmax;
			line-height: 6vmax;
			background-size: 4vmax;
			border: .1vmax solid #cccccc;
			padding-right: 2vmax;
			font-size:1em!important;
	}	
	#radio_block{margin-left: 2vmax;}
	.cont_txt{width: 100%;height:auto;background: #e9e9e9;padding:2vmin 5vmin;margin-bottom:2vmax;padding: 2vmax 5vmax 5vmax 2vmax;}
	#cont_content{background:#393939;padding:0;display: flex;flex-direction: column;}
	#ai_promo{display:none}
}


/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
scrollbar-color: #e9e9e9; 
scrollbar-width: thin;
  width: 5px; /* ширина для вертикального скролла */
  height: 5px; /* высота для горизонтального скролла */
  background-color: #e9e9e9;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
  background-color: #393939;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #e9e9e9;
}

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background-color: #f9f9fd;
}
::-webkit-scrollbar-thumb {
  background: #393939;
}