@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

*{box-sizing:content-box; outline:none !important;}
html{height:100%; font-size:14px; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%;}
body{width:100%; height:100%; margin:0 auto; padding:0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; background:#f3f3f3;}
h1, h2, h3, h4, h5, h6, p{display:block; margin:0; padding:0; font-weight:400;}
.h1, .h2, .h3, .h4, .h5, .h6{margin:0; padding:0; float:none;}
img, input, textarea, button, a{border:none; outline:none; font-family: 'Open Sans', sans-serif;}
a{color:#184586;}
a:hover{text-decoration:none;}
table{border-spacing:0;}
td, th{vertical-align:top; word-wrap:break-word;}
ul, nav{margin:0; padding:0; list-style:none;}
button{display:block; cursor:pointer;}
button:hover, .button:hover{transition: opacity 1.2s, visibility 0s linear 1.2s; opacity:0.6;}
.hyfusa{position:relative; width:98%; max-width:1320px; margin:0 auto;}
.clear{clear:both; height:1px;}
.fleft{float:left;}
.fright{float:right;}

.modal__block{position:fixed; z-index:999; background:#fff; box-sizing:border-box; width:570px; padding:60px 100px 35px 100px; left:50%; margin-left:-285px; height:420px; top:50%; margin-top:-210px; box-shadow:0 0 13px rgba(0, 0, 0, 0.13); display:none;}
.modal__block.active{display:block;}
.modal__block:before{width:36px; height:24px; left:50%; margin-left:-18px; top:16px; position:absolute; display:block; content:'';}
.modal__block .close{width:20px; height:20px; z-index:40; cursor:pointer; position:absolute; right:20px; top:30px; transition:all 1s ease-out;}
.modal__block .close:hover{ -moz-transform:rotate(360deg); -moz-transition-duration:1000ms;-moz-transition-timing-function: ease-out;  -webkit-transform:rotate(360deg); -webkit-transition-duration:1000ms;-webkit-transition-timing-function: ease-out;  -o-transform:rotate(360deg); -o-transition-duration:1000ms;-o-transition-timing-function: ease-out;  transform:rotate(360deg); transition-duration:1000ms;transition-timing-function: ease-out;}
.modal__block h3{font-size:18px; line-height:20px; color:#000; font-weight:600; margin-bottom:25px; position:relative; text-align:center;}
.modal__block .inputbox{position:relative; display:block; box-sizing:border-box; text-align:center; height:40px; border-bottom:2px solid #e0e3e6; line-height:20px; padding:9px 10px; font-size:15px; color:#000; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px;}
.modal__block .area{position:relative; display:block; box-sizing:border-box; height:110px; border-bottom:2px solid #e0e3e6; line-height:17px; padding:9px 10px; font-size:15px; color:#000; width:100%; resize:none; margin-bottom:25px;}
.modal__block button{width:170px; height:40px; padding:0; box-sizing:border-box; background:#d2188e; color:#fff; font-weight:600; font-size:18px; line-height:20px; margin:0 auto; position:relative; cursor:pointer; display:block;}
.modal__block button:hover{transition: opacity 1.2s, visibility 0s linear 1.2s; opacity:0.6;}


#sos{padding:10px 0 20px 0; position:relative; border-bottom:3px solid #c41d88; background:#404854; overflow:hidden;}
#nyhaz{display:block; position:relative; margin-bottom:-10px;}
#nyhaz li{position:relative; display:block; float:left; margin-right:10px; margin-bottom:10px;}
#nyhaz li a{position:relative; display:block; font-size:17px; line-height:28px; height:30px; padding:0 15px; font-weight:600; text-decoration:none; color:#d0d0d5; border-radius:4px;}
#nyhaz li a.pehyt{background:#d2188e !important; color:#fff;}
#nyhaz li a:hover{background-color:rgba(255,255,255, 0.1)}

#siheja{ overflow:hidden;}
#siheja:before{width:50%; height:100%; right:0; content:''; display:block; background:#fff; position:absolute; top:0; margin-right:-2%;}
#siheja > div{width:100%; position:relative; display:table;}
#siheja > div > aside{position:relative; display:table-cell; vertical-align:top; z-index:20;}

#ragodi{background:#fff; width:270px; padding-left:15px; border-left:15px solid #f3f3f3; padding-top:20px;}
#ragodi .pafiga{position:relative;}
#ragodi .pafiga h3{position:relative; text-align:center; font-size:18px; line-height:30px; color:#30363f; font-weight:600; margin-bottom:20px; height:30px; margin-right:15px;}
#ragodi .pafiga h3:after{width:100%; height:1px; background:#e1e1e1; content:''; position:absolute; left:0; top:50%; display:block; z-index:1; margin-top:0;}
#ragodi .pafiga h3 > span{position:relative; background:#fff; padding:0 12px; z-index:5;}
#ragodi .pafiga h3 > span > span{position:relative;}
#ragodi .pafiga h3 > span > span:before{width:24px; height:18px; content:''; position:relative; display:inline-block; vertical-align:top; margin-top:5px; margin-right:10px;}
#ragodi .pafiga .xuli{position:relative;}
#ragodi .pafiga .xuli li{position:relative; display:block; margin-bottom:15px;}
#ragodi .pafiga .xuli li a{position:relative; display:block; padding-left:20px; font-size:14px; line-height:16px; color:#404854; text-decoration:none;}
#ragodi .pafiga .xuli li a:before{background:url(../img/right_markers.png) no-repeat top left; width:10px; height:11px; content:''; left:0; top:4px; position:absolute; display:block;}
#ragodi .pafiga .xuli li:hover a:before{background-position:left bottom;}
#ragodi .pafiga .xuli li:hover a{text-decoration:underline; color:#c41d88;}
.rt_share.mod__motiv_text{ position:relative; display:block; text-align:center; margin:0 -10px 20px -10px;}
.rt_share.mod__motiv_text:after{content:'Понравился сайт? \ Поделись с друзьями!'; color:#333; font-size:14px; line-height:18px; padding:0 50px; display:block; margin-top:15px;}
.rt_share.mod__motiv_text a{position:relative; display:inline-block; vertical-align:top; width:40px; height:40px; background-position:center center; background-repeat:no-repeat; background-size:40px 40px; transition:all 1s ease-out; margin:0 7px;}
.rt_share.mod__motiv_text a:hover{ -moz-transform:rotate(360deg); -moz-transition-duration:1000ms;-moz-transition-timing-function: ease-out;  -webkit-transform:rotate(360deg); -webkit-transition-duration:1000ms;-webkit-transition-timing-function: ease-out;  -o-transform:rotate(360deg); -o-transition-duration:1000ms;-o-transition-timing-function: ease-out;  transform:rotate(360deg); transition-duration:1000ms;transition-timing-function: ease-out;}


.tuhegel{position:relative; padding:30px 10px 25px 10px; border:3px solid #e1e1e1; margin-bottom:50px; background:#fbfbfb;}
.tuhegel .rt_share.mod__motiv_text:after{content:'Понравился трек? \ Поделись с друзьями!'; font-size:16px; line-height:18px; font-weight:600;}
.gokuj{position:relative; border-bottom:1px solid #dadada; padding-bottom:15px; margin-bottom:18px; padding-top:30px; text-align:center;}
.gokuj a{position:relative; display:inline-block; vertical-align:top; width:270px; height:50px; border-radius:3px; margin:0 15px; font-size:18px; font-weight:600; text-decoration:none; color:#fff; line-height:46px; background-position:center center; background-repeat:repeat-x;}
.gokuj a:hover{transition: opacity 1.2s, visibility 0s linear 1.2s; opacity:0.6;}
.gokuj a.mod__red{background-image:url(../img/bt1.png);}
.gokuj a.mod__red:before{background:url(../img/bt1_before.png) no-repeat; width:15px; height:17px; content:''; position:absolute; display:block; top:15px; left:30px;}
.gokuj a.tycifak{background-image:url(../img/bt2.png);}
.gokuj a.tycifak:before{background:url(../img/bt2_before.png) no-repeat; width:22px; height:20px; content:''; position:absolute; display:block; left:60px; top:13px;}
.tuhegel-name_and_dur{position:relative; overflow:hidden; padding-left:70px;}
.tuhegel-name_and_dur:before{background:url(../img/nota.png) no-repeat; width:48px; height:48px; content:''; position:absolute; display:block; left:0; top:0;}
.tuhegel-name{position:relative; display:block;}
.tuhegel-name span{position:relative; display:block;}
.tuhegel-name span.tuhegel-name-artist{font-size:24px; line-height:26px; font-weight:600; color:#333;}
.tuhegel-name span.tuhegel-name-title{color:#777; font-size:18px; line-height:20px;}
.tuhegel-duration{position:absolute; display:block; right:20px; top:17px; color:#acb0b5; font-size:14px; line-height:14px;}

#levem{background:#f3f3f3; padding-top:20px;}
#levem h1{font-size:30px; line-height:32px; font-weight:600; text-transform:uppercase; position:relative; color:#333; letter-spacing:1px; margin-bottom:25px;}

.qarab{position:relative;}
.qarab li{position:relative; display:block; overflow:hidden; padding:10px 25px 10px 5px; border-bottom:1px solid #e5e5e5;}
.qarab li:hover{background:#fff;}
.qarab li.hazaw{border-top:1px solid #e5e5e5;}
.qarab li .gugy{position:relative; float:left; width:80px; margin-right:15px;}
.qarab li .gugy .hymys{background:url(../img/play.png) no-repeat top center; width:35px; height:0; padding-top:35px; overflow:hidden; position:relative; display:block; float:left; margin-right:10px;}
.qarab li .gugy .hymys:hover{background-image:url(../img/play-hover.png);}
.qarab li.plays{background:#fff;}
.qarab li.plays .gugy .hymys{background-position:center bottom; background-image:url(../img/play.png);}
.qarab li .gugy .vejyv{background:url(../img/download.png) no-repeat; width:35px; padding-top:35px; height:0; overflow:hidden; position:relative; display:block; float:left;}
.qarab li .gugy .vejyv:hover{background-image:url(../img/donload-hover.png);}
.qarab li .micuse{position:relative; font-size:13px; line-height:35px; float:right; color:#acb0b5;}
.qarab li .wijeri{position:relative; overflow:hidden;}
.qarab li .wijeri .nycelul{position:relative; display:block;}
.qarab li .wijeri .nycelul a{position:relative; display:block; font-size:15px; line-height:18px; font-weight:700; color:#333; text-decoration:none}
.qarab li .wijeri .wijeri-title{position:relative; display:block;}
.qarab li .wijeri .wijeri-title a{position:relative; display:block; color:#777; font-size:13px; line-height:18px; text-decoration:none;}
.qarab li .wijeri .wijeri-title a em{font-style:normal;}
.qarab li.plays .wijeri .wijeri-title a{color:#d04aa0;}

.listalka{position:relative; overflow:hidden; display:block; padding:20px 6px;}
.listalka .listalka-arrow-back{background:url(../img/listalka-strelki.png) no-repeat left top; width:44px; height:0; padding-top:23px; overflow:hidden; position:relative; display:block; float:left; cursor:pointer;}
.listalka .listalka-arrow-back:hover{background-position:left bottom;}
.listalka .listalka-arrow-next{background:url(../img/listalka-strelki.png) no-repeat right top; width:44px; height:0; padding-top:23px; overflow:hidden; position:relative; display:block; float:right; cursor:pointer;}
.listalka .listalka-arrow-next:hover{background-position:right bottom;}
.gygile .sihuwuf{background:url(../img/listalka-strelki.png) no-repeat left top; width:44px; height:0; padding-top:23px; overflow:hidden; position:relative; display:block; cursor:pointer;}

#zezene{position:relative; padding-bottom:55px; background:url(../img/footer_bord_top.png) repeat-x left top; }
.foo-menu{display:none;}
#fiju{position:relative; font-size:13px; line-height:18px; color:#777; padding:20px 0;}
#fiju a{color:#d04aa0;}



#text_page{position:relative; font-size:14px; line-height:21px; color:#000;}
#text_page p{margin-bottom:25px;}
#text_page ul{margin-bottom:25px; position:relative; margin-left:8px;}
#text_page ul li{position:relative; line-height:16px; padding-left:24px;}
#text_page ul li + li{margin-top:15px;}
#text_page ul li:before{background:url(../img/text_marker.png) no-repeat; width:11px; height:11px; content:''; position:absolute; display:block; left:0; top:3px;}

.load_more{position:relative; padding:15px 0;}
.load_more a{position:relative; display:block; width:100%; height:50px; border-radius:4px; font-size:18px; font-weight:600; text-decoration:none; text-align:center; color:#fff; line-height:46px; background-position:center center; background-repeat:repeat-x; background-image:url(../img/bt1.png);}
.load_more a:hover{transition: opacity 1.2s, visibility 0s linear 1.2s; opacity:0.6;}


@media screen and (max-width:750px){
	body{background:#fff;}
	

	#levem{padding-top:90px; display:block; background:#fff;}
	#levem h1{text-align:center;}
	#ragodi{width:100%; position:absolute !important; display:block !important; top:15px; left:0; border:none; background:none; margin:0; padding:0;}
	#ragodi .pafiga{display:none;}
	.rt_share.mod__motiv_text:after{display:none;}
	#fixplayer{height:100px;}
	#fixplayer-foo{bottom:auto; top:0; left:50%; margin-left:-50px;}
	#fixplayer a#fixplayer-sound{bottom:auto; top:15px; right:20px;}
	#fixplayer #fixplayer-volume{display:none;}
	#fixplayer #fixplayer-prok{left:0; right:0; bottom:10px; top:auto;}
	#fixplayer-pv{left:10px; right:auto; top:16px;}
	#sos{padding-top:10px; background:none; border:none;}
	#zezene{text-align:center; padding-bottom:100px;}
	.choise_mobile{cursor:pointer; position:relative; text-align:center; display:block; height:40px; background:#424854; font-size:18px; font-weight:600; color:#c7c8cc; line-height:38px; margin:0 auto; width:98%; border-radius:4px;}
	.choise_mobile:before{background:url(../img/choise_icon.png) no-repeat; width:23px; height:15px; content:''; position:absolute; display:block; left:10px; top:13px;}
	#nyhaz{border-bottom:3px solid #c41d88; background:#404854; box-sizing:border-box; padding:10px 3%; display:none}
	.modal__block{width:94%; left:3%; margin-left:0; padding-left:15px; padding-right:15px;}
	.qarab li{padding:10px;}
	.gokuj a{width:100%; margin:0; display:block;}
	.gokuj a + a{margin-top:10px;}
	.gokuj a.tycifak:before{left:25px;}
}