.dil-icon {background: url('images/icons/dil/dil.png') no-repeat;background-size: 22px;width: 32px;padding: 3px 20px 5px 10px;}
.dil-az {background: url('images/icons/dil/az.png') no-repeat;background-size: 22px;width: 32px;padding: 0px 20px 10px 10px;}
.dil-tr {background: url('images/icons/dil/tr.png') no-repeat;background-size: 22px;width: 32px;padding: 3px 20px 5px 10px;}
.dil-en {background: url('images/icons/dil/en.png') no-repeat;background-size: 22px;width: 32px;padding: 3px 20px 5px 10px;}
.dil-ru {background: url('images/icons/dil/ru.png') no-repeat;background-size: 22px;width: 32px;padding: 3px 20px 5px 10px;}
.muz-play {background: url('images/icons/playmuz.png') no-repeat;background-size: 22px;width: 32px;padding: 3px 20px 5px 10px;}

ul.partner_list2  li{float:left;width: 149px;height: 194px;margin-right:10px;margin-bottom:10px;}
ul.partner_list2  li a img {width: 148px;height: 147px;opacity:0.7;}
ul.partner_list2  li a img:hover {opacity:1.0;}

.menudil{
  display: flex;
  padding: 0;
}

.menudil li{
  width: 115px;
  list-style: none;
  /* background: #ffffff; */
  position: relative;
}

.menudil a {
  color: #000;
  text-decoration: none;
  display: block;
  /* text-align: center; */
  height: 20px;
  line-height: 20px;
  /* transition: all .5s; */
  padding: 4px;
  /* margin-top: 7px; */
  font-weight: 600;
  font-size: 12px;
}

.menu a:hover {
  /* background: #eee; */
}

.menudil ul {
  /* position: absolute; */
  left: 0;
  /* top: 100%; */
  display: none;
  padding: 0;
  width: 140px;
}

.menudil li:hover > ul {
  display: block;
  background-color: #f9f8fe;
  border-radius: 10px;
  transition: 3s;
  box-shadow: 1px 7px 10px rgb(0 0 0 / 38%);
  margin-top: 11px;
}

.menudil ul ul {
  display: none;
  top: 0;
  left: 100%;
}
ul.music_list li {
	margin-top: 10px;
	display: block;
	overflow: hidden;
	width: 332px;
	height: 55px;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee',GradientType=0 );
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

	padding:5px;
	clear:both;
}
ul.music_list li a {color:#4d4d4d}
ul.music_list li a:hover {color: #0095d7;text-decoration:underline;}
ul.music_list li:hover {background:#eee;color: #34a6a6;}


.tab {clear:both;padding:10px 20px 20px 20px;}
.tab_left {float:left}
.tab_right {float:right}

#content_blocks {margin-top:10px;}
#content_blocks .left_block {
	float:left;
	width:365px;
	margin-right:10px;
	background-color:#fff;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}




.soz_info {
    display: block;
    /* background-color: #d1f2f973; */
    /* border-radius: 7px 7px; */
    /* border: 1px solid #49b3e7; */
    padding: 10px 0 0;
    font-size: 15px;
    line-height: 20px;
    width: 353px;
    margin: 0 auto;
    /* position: fixed; */
    z-index: 1000;
    /* top: 370px; */
    /* right: 0; */
    /* left: 0; */
    /* float: right; */
    font-weight: 400;
    /* border-left: 3px solid #009688!important; */
    color: #704c1f;
}



.footer {margin:0 auto;/* height: 70px; */padding:0 10px 10px 0;/* background-color: #ffffff; */color: #ffffff;border-radius: 12px;}
.small-logo{float:left;width:200px;height:50px;padding: 0 20px;}
.small-logo img{/* width:200px; *//* height:50px; */}
.sub-footer{/* font-weight:bold; */text-align:left;color: #000000;float: right;height: 40px;padding: 15px;margin:0 35px;position:relative;font-size: 12px;}
.sub-footer a{padding:0 5px;color: #4ba0cb;font-size: 13px;/* text-decoration:underline; */}
.sub-footer a:hover{/* text-decoration:none; */color: #fff;}
.counters{
    min-width: 100px;
    height: 41px;
    padding: 17px 0;
    float: right;
    margin-left: 30px;
}
.counters span{
margin:0 5px;
}
.sanderart{
margin:0 auto;
float:right;
}
.sanderart img{
width:100px;
height:50px;
border:0;
float:right;
}

		
		



legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  /* -webkit-box-sizing: border-box; */
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  /* box-sizing: border-box; */
  /* Opera/IE 8+ */
}
*:before,
*:after {
  /* -webkit-box-sizing: border-box; */
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; */
}
img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  width: 100%;
  border-radius: 7px;
}
.td-main-content-wrap,
.td-category-grid {
  background-color: #fff;
}
/*  ----------------------------------------------------------------------------
    container
*/
.td-container,
.tdc-row {
  width: 1068px;
  margin-right: auto;
  margin-left: auto;
}
.td-container:before,
.tdc-row:before,
.td-container:after,
.tdc-row:after {
  display: table;
  content: '';
  line-height: 0;
}
.td-container:after,
.tdc-row:after {
  clear: both;
}
.tdc-row.stretch_row .td-element-style {
  width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.tdc-row.stretch_row_content {
  width: 100% !important;
}
.tdc-row.stretch_row_content .td-pb-row {
  margin-left: 0;
  margin-right: 0;
}
.tdc-row.stretch_row_content .td-pb-row [class*=td-pb-span] {
  padding-left: 0;
  padding-right: 0;
}
.tdc-row.stretch_row_content .td-element-style {
  /* responsive portrait phone */
}
@media (max-width: 767px) {
  .tdc-row.stretch_row_content .td-element-style {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}
.tdc-row.stretch_row_content_no_space {
  width: 100% !important;
}
.tdc-row.stretch_row_content_no_space .td-pb-row {
  margin-left: 0;
  margin-right: 0;
}
.tdc-row.stretch_row_content_no_space .td-element-style {
  /* responsive portrait phone */
}
@media (max-width: 767px) {
  .tdc-row.stretch_row_content_no_space .td-element-style {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}
/*  ----------------------------------------------------------------------------
    rows
*/
.td-pb-row {
  *
  zoom: 1;
  margin-right: -24px;
  margin-left: -24px;
}
.td-pb-row:before,
.td-pb-row:after {
  display: table;
  content: "";
}
.td-pb-row:after {
  clear: both;
}
.td-boxed-layout .vc_row {
  width: auto !important;
  left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*  ----------------------------------------------------------------------------
    all spans
*/
.td-pb-row [class*="td-pb-span"] {
  display: block;
  min-height: 1px;
  float: left;
  /* responsive landscape tablet */
  /* responsive portrait tablet */
  /* responsive portrait phone */
  padding-right: 24px;
  padding-left: 24px;
  position: relative;
}
@media (min-width: 1019px) and (max-width: 1140px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (max-width: 767px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.vc_row-no-padding.td-pb-row [class*="td-pb-span"] {
  padding-left: 0;
  padding-right: 0;
}
/*  ----------------------------------------------------------------------------
    smart sidebar - fix
*/
.td-ss-main-sidebar,
.td-ss-row .td-pb-span4 .wpb_wrapper {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
/*  ----------------------------------------------------------------------------
    main grid
*/
.td-pb-span1 {
  width: 8.33333333%;
}
.td-pb-span2 {
  width: 16.66666667%;
}
.td-pb-span3 {
  width: 25%;
}
.td-pb-span4 {
  /* width: 33.33333333%; */
}
.td-pb-span5 {
  width: 41.66666667%;
}
.td-pb-span6 {
  width: 50%;
}
.td-pb-span7 {
  width: 58.33333333%;
}
.td-pb-span8 {
  width: 66.66666667%;
}
.td-pb-span9 {
  width: 75%;
}
.td-pb-span10 {
  width: 83.33333333%;
}
.td-pb-span11 {
  width: 91.66666667%;
}
.td-pb-span12 {
  width: 100%;
}
/*  ----------------------------------------------------------------------------
    grid in grid
*/
.td-pb-row .td-pb-row .td-pb-span1 {
  width: 8.33333333%;
}
.td-pb-row .td-pb-row .td-pb-span2 {
  width: 16.66666667%;
}
.td-pb-row .td-pb-row .td-pb-span3 {
  width: 25%;
}
.td-pb-row .td-pb-row .td-pb-span4 {
  width: 33.33333333%;
}
.td-pb-row .td-pb-row .td-pb-span5 {
  width: 41.66666667%;
}
.td-pb-row .td-pb-row .td-pb-span6 {
  width: 50%;
}
.td-pb-row .td-pb-row .td-pb-span7 {
  width: 58.33333333%;
}
.td-pb-row .td-pb-row .td-pb-span8 {
  width: 66.66666667%;
}
.td-pb-row .td-pb-row .td-pb-span9 {
  width: 75%;
}
.td-pb-row .td-pb-row .td-pb-span10 {
  width: 83.33333333%;
}
.td-pb-row .td-pb-row .td-pb-span11 {
  width: 91.66666667%;
}
.td-pb-row .td-pb-row .td-pb-span12 {
  width: 100%;
}
/*  ----------------------------------------------------------------------------
    hacks Visual Composer
*/
.wpb_row {
  margin-bottom: 0;
}
.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
  padding-top: 0;
}
.vc_row .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}
/* block row + global block spans */
.td-block-row {
  *zoom: 1;
  margin-left: -24px;
  margin-right: -24px;
}
.td-block-row:before,
.td-block-row:after {
  display: table;
  content: "";
}
.td-block-row:after {
  clear: both;
}
.td-block-row [class*="td-block-span"] {
  display: block;
  min-height: 1px;
  float: left;
  padding-right: 24px;
  padding-left: 24px;
  /* responsive landscape tablet */
  /* responsive portrait tablet */
  /* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (max-width: 767px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.td-block-span4 {
  /* 1/3 - used when the block is on td-3-col */
  width: 33.33333333%;
}
.td-block-span6 {
  /* half - used when the block is on td-2-col */
  width: 50%;
}
.td-block-span8 {
  width: 66.66666667%;
}
.td-block-span9 {
  width: 75%;
}
.td-block-span12 {
  /* full */
  width: 100%;
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1140px) {
  /*  ----------------------------------------------------------------------------
        container
   */
  .td-container,
  .tdc-row {
    width: 980px;
  }
  /*  ----------------------------------------------------------------------------
    rows
  */
  .td-pb-row {
    *zoom: 1;
    margin-right: -20px;
    margin-left: -20px;
  }
  .td-pb-row:before,
  .td-pb-row:after {
    display: table;
    content: "";
  }
  .td-pb-row:after {
    clear: both;
  }
  /*  ----------------------------------------------------------------------------
      all spans
  */
  .td-pb-row [class*="td-pb-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    /* responsive landscape tablet */
    /* responsive portrait tablet */
    /* responsive portrait phone */
    padding-right: 20px;
    padding-left: 20px;
  }
  /*  ----------------------------------------------------------------------------
    main grid
  */
  /*  ----------------------------------------------------------------------------
       blocks grid
  */
  /* block row + global block spans */
  .td-block-row {
    *zoom: 1;
    margin-left: -20px;
    margin-right: -20px;
  }
  .td-block-row:before,
  .td-block-row:after {
    display: table;
    content: "";
  }
  .td-block-row:after {
    clear: both;
  }
  .td-block-row [class*="td-block-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    /* responsive landscape tablet */
    /* responsive portrait tablet */
    /* responsive portrait phone */
  }
}
@media (min-width: 1019px) and (max-width: 1140px) and (min-width: 1019px) and (max-width: 1140px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1019px) and (max-width: 1140px) and (min-width: 768px) and (max-width: 1018px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (min-width: 1019px) and (max-width: 1140px) and (max-width: 767px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1019px) and (max-width: 1140px) and (min-width: 1019px) and (max-width: 1140px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1019px) and (max-width: 1140px) and (min-width: 768px) and (max-width: 1018px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (min-width: 1019px) and (max-width: 1140px) and (max-width: 767px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
  /*  ----------------------------------------------------------------------------
      container
  */
  .td-container,
  .tdc-row {
    width: 740px;
  }
  /*  ----------------------------------------------------------------------------
    rows
  */
  .td-pb-row {
    *zoom: 1;
    margin-right: -14px;
    margin-left: -14px;
  }
  .td-pb-row:before,
  .td-pb-row:after {
    display: table;
    content: "";
  }
  .td-pb-row:after {
    clear: both;
  }
  /*  ----------------------------------------------------------------------------
    all spans
  */
  .td-pb-row [class*="td-pb-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    /* responsive landscape tablet */
    /* responsive portrait tablet */
    /* responsive portrait phone */
    padding-right: 14px;
    padding-left: 14px;
  }
  /*  ----------------------------------------------------------------------------
    main grid
  */
  /*  ----------------------------------------------------------------------------
       blocks grid
  */
  /* block row + global block spans */
  .td-block-row {
    *zoom: 1;
    margin-left: -14px;
    margin-right: -14px;
  }
  .td-block-row:before,
  .td-block-row:after {
    display: table;
    content: "";
  }
  .td-block-row:after {
    clear: both;
  }
  .td-block-row [class*="td-block-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    /* responsive landscape tablet */
    /* responsive portrait tablet */
    /* responsive portrait phone */
  }
}
@media (min-width: 768px) and (max-width: 1018px) and (min-width: 1019px) and (max-width: 1140px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) and (min-width: 768px) and (max-width: 1018px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) and (max-width: 767px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1018px) and (min-width: 1019px) and (max-width: 1140px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) and (min-width: 768px) and (max-width: 1018px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) and (max-width: 767px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* responsive portrait phone */
@media (max-width: 767px) {
  /* container */
  .td-container,
  .tdc-row {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .td-pb-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /*  ----------------------------------------------------------------------------
    all spans
  */
  .td-pb-row [class*="td-pb-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    /* responsive landscape tablet */
    /* responsive portrait tablet */
    /* responsive portrait phone */
    padding-right: 0;
    padding-left: 0;
  }
  .td-pb-row .td-pb-span1,
  .td-pb-row .td-pb-span2,
  .td-pb-row .td-pb-span3,
  .td-pb-row .td-pb-span4,
  .td-pb-row .td-pb-span5,
  .td-pb-row .td-pb-span6,
  .td-pb-row .td-pb-span7,
  .td-pb-row .td-pb-span8,
  .td-pb-row .td-pb-span9,
  .td-pb-row .td-pb-span10,
  .td-pb-row .td-pb-span11,
  .td-pb-row .td-pb-span12 {
    float: none;
    width: 100%;
  }
  .td-pb-row .td-pb-row {
    padding-right: 0;
    padding-left: 0;
  }
  .td-pb-row .td-pb-row .td-pb-span1,
  .td-pb-row .td-pb-row .td-pb-span2,
  .td-pb-row .td-pb-row .td-pb-span3,
  .td-pb-row .td-pb-row .td-pb-span4,
  .td-pb-row .td-pb-row .td-pb-span5,
  .td-pb-row .td-pb-row .td-pb-span6,
  .td-pb-row .td-pb-row .td-pb-span7,
  .td-pb-row .td-pb-row .td-pb-span8,
  .td-pb-row .td-pb-row .td-pb-span9,
  .td-pb-row .td-pb-row .td-pb-span10,
  .td-pb-row .td-pb-row .td-pb-span11,
  .td-pb-row .td-pb-row .td-pb-span12 {
    width: 100%;
  }
  /*  ----------------------------------------------------------------------------
       blocks grid
  */
  /* block row + global block spans */
  .td-block-row {
    *zoom: 1;
    margin-left: 0;
    margin-right: 0;
  }
  .td-block-row:before,
  .td-block-row:after {
    display: table;
    content: "";
  }
  .td-block-row:after {
    clear: both;
  }
  .td-block-row [class*="td-block-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    /* responsive landscape tablet */
    /* responsive portrait tablet */
    /* responsive portrait phone */
  }
  .td-block-span4,
  .td-block-span6,
  .td-block-span9,
  .td-block-span12 {
    float: none;
    width: 100%;
  }
}
@media (max-width: 767px) and (min-width: 1019px) and (max-width: 1140px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1018px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .td-pb-row [class*="td-pb-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767px) and (min-width: 1019px) and (max-width: 1140px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1018px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .td-block-row [class*="td-block-span"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/*  ----------------------------------------------------------------------------
    header grid container
*/
.td-header-wrap {
  position: relative;
  z-index: 2000;
}
/* header rows */
.td-header-row {
  *zoom: 1;
  font-family: 'Open Sans', arial, sans-serif;
}
.td-header-row:before,
.td-header-row:after {
  display: table;
  content: "";
}
.td-header-row:after {
  clear: both;
}
.td-header-row [class*="td-header-sp"] {
  display: block;
  min-height: 1px;
  float: left;
  padding-right: 24px;
  padding-left: 24px;
  /* responsive landscape tablet */
  /* responsive portrait tablet */
  /* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
  .td-header-row [class*="td-header-sp"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) {
  .td-header-row [class*="td-header-sp"] {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media (max-width: 767px) {
  .td-header-row [class*="td-header-sp"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/*  ----------------------------------------------------------------------------
    logo
*/
.td-header-sp-logo img {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.td-main-menu-logo {
  display: none;
  float: left;
  margin-right: 10px;
  height: 48px;
  /* responsive portrait phone */
}

.merkez-full {
    left: 0;
    width: 100%;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    margin: 0 auto;
}



.social-container {
  text-align: center;
}

.social-container h2 {
  font-size: 24px;
  color: #111;
  margin-bottom: 25px;
  font-weight: 600;
}

.social-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.social-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  color: #111;
  border-radius: 50px;
  padding: 10px 22px;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.social-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
}

.youtube { border: 2px solid #ff0000; color: #ff0000; }
.instagram { border: 2px solid #d62976; color: #d62976; }
.tiktok { border: 2px solid #000000; color: #000000; }
.twitter { border: 2px solid #1DA1F2; color: #1DA1F2; }
.subscribe { border: 2px solid #ffcc00; color: #ffcc00; }

.social-btn i {
  font-size: 18px;
}

  :root{
      --bg:#f9fafb;
      --text:#1e293b;
      --accent:#2563eb;
      --accent2:#9333ea;
      --muted:#64748b;
      --radius:14px;
      font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    }

    ccc{
      margin:0;
      background:var(--bg);
      color:var(--text);
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100vh;
      padding:24px;
    }

    .card{
      width:100%;
      max-width:760px;
      background:white;
      border-radius:var(--radius);
      box-shadow:0 8px 25px rgba(0,0,0,0.08);
      overflow:hidden;
      display:flex;
      flex-direction:row;
    }

    .left{
      flex:1;
      padding:32px;
      border-right:1px solid #e5e7eb;
    }

    .title{
      font-size:26px;
      font-weight:700;
      margin:0 0 12px;
      background: linear-gradient(90deg,var(--accent),var(--accent2));
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    }

    .price-list{
      display:flex;
      gap:10px;
      margin:16px 0 24px 0;
    }

    .pill{
      padding:8px 16px;
      border-radius:999px;
      background:linear-gradient(90deg,#e0e7ff,#ede9fe);
      font-weight:600;
      color:var(--text);
      font-size:15px;
    }

    .muted{
      color:var(--muted);
      font-size:15px;
      line-height:1.5;
    }

    .contact{
      margin-top:24px;
    }

    .contact a{
      text-decoration:none;
      background:linear-gradient(90deg,var(--accent),var(--accent2));
      color:white;
      padding:12px 20px;
      border-radius:8px;
      font-weight:600;
      display:inline-block;
      transition:transform 0.15s ease, box-shadow 0.15s ease;
    }
    .contact a:hover{
      transform:translateY(-3px);
      box-shadow:0 10px 20px rgba(37,99,235,0.25);
    }

    .right{
      width:240px;
      padding:32px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
      background:linear-gradient(180deg,#eef2ff,#fdf4ff);
    }

    .label{
      font-size:13px;
      font-weight:700;
      text-transform:uppercase;
      color:var(--muted);
      margin-bottom:8px;
      letter-spacing:0.5px;
    }

    .phone{
      font-size:18px;
      font-weight:700;
      margin-bottom:6px;
    }

    @media (max-width:720px){
      .card{flex-direction:column;}
      .left{border-right:none; border-bottom:1px solid #e5e7eb;}
      .right{width:100%; align-items:center; text-align:center;}
    }
	
	
/* Energy Wave Footer styles */
:root{
  --bg:#071021;
  --accent1:#ff7a59;
  --accent2:#6ae3ff;
  --muted:rgba(255,255,255,0.72);
}

.energy-footer{
  position:relative;
  overflow:hidden;
  padding: 0 18px 10px;
  /* border-top: 3px solid rgb(183 183 183 / 27%); */
}

/* Wave background */
.wave-wrap{position:absolute;inset:0;z-index:0;pointer-events:none;}
.wave{width: 200%;height:160px;display:block;transform:translateY(30%);opacity:0.95;}
.wave path{fill: rgb(219 229 247);transition:all 0.6s ease;}

/* animated glow overlay */
.wave-wrap::before{
  content:'';
  position:absolute;
  inset:0;
  background: #e6efff;
  /* filter:blur(24px) saturate(120%); */
}

/* floating notes */
.floating-notes{position:absolute;inset:0;z-index:1;pointer-events:none;height: 20px;margin-top: 150px;}
.note{
  position:absolute;
  bottom: 10%;
  font-size:22px;
  opacity:0.0;
  color:var(--accent1);
  animation: rise 3.6s cubic-bezier(.2,.9,.3,1) infinite;
}
.note.n2{color:var(--accent2); font-size:18px}
.note.n3{color:#ffd86b; font-size:20px}
.note.n4{color:#9b8cff; font-size:16px}
.note.n5{color:#6affc1; font-size:20px}
@keyframes rise{
  0%{transform:translateY(0) scale(0.8); opacity:0}
  10%{opacity:1}
  70%{transform:translateY(-140px) scale(1); opacity:0.95}
  100%{transform:translateY(-260px) scale(1.05); opacity:0}
}

/* Content */
.energy-content{position:relative; z-index:2; max-width:1100px; margin:0 auto; display:flex; gap:20px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.brand h2{margin:0;font-size:1.25rem}
.brand p{color: rgb(0 0 0 / 72%);margin-top:6px}

.links{display:flex; gap:12px}
.links a{color: rgb(0 0 0 / 72%);text-decoration:none;padding: 5px 3px;border-radius:6px}
.links a:hover{color: #70b0cf;background:rgba(255,255,255,0.02)}

.social{display:flex; gap:8px}
.social .ic{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02)); color:#fff; text-decoration:none; font-weight:700}

/* bottom */
.bottom{position:relative;z-index:2;max-width:1100px;margin: 30px auto 0;color: rgb(0 0 0 / 72%);font-size:0.95rem;display:flex;justify-content:space-between;align-items:center;/* padding:0 8px; */top: -10px;}

/* responsive */
@media (max-width:900px){ .energy-content{flex-direction:column; align-items:flex-start} .bottom{flex-direction:column; align-items:flex-start; gap:8px} }


#flexTracks {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* aralarındakı məsafə */
  justify-content: center; /* ortada düzülməsi üçün */
}

#flexTracks .track-item {
  flex: 1 1 200px; /* mahnı kartlarının eni */
  max-width: 250px;
  box-sizing: border-box;
}
.navvv {/* display:flex; *//* gap:20px; *//* align-items:center; *//* flex:1; *//* min-width:0; */margin-top: -60px;float: right;}
  .nav-itemm { position: relative; }
  .nav-linkk {/* display:flex; */align-items:center;gap:6px;padding:10px 12px;/* font-size: 20px; *//* FONT-WEIGHT: 200; */color: #49566a;/* text-decoration:none; */border-radius:8px;transition: background var(--transition), color var(--transition);}
  .nav-linkk:hover, .nav-link.active {/* background: rgba(99,102,241,0.1); *//* color: var(--accent); */}
  .dropdownn {position:absolute;top: 0;right: 30px;width: 120px;height: 100px;background:#fff;border-radius:10px;padding: 8px 8px;/* min-width:180px; */box-shadow: 2px 18px 6px 7px rgb(0 0 0 / 8%);opacity:0;visibility:hidden;transform:translateY(6px);transition: all .25s ease;font-size:13px;/* overflow:hidden; *//* z-index: 1000; */}
  .nav-itemm:hover .dropdownn { opacity:1; visibility:visible; transform:translateY(0); }
  .dropdownn a {display:flex;align-items:center;gap:8px;padding: 5px 12px;border-radius:6px;text-decoration:none;color:#374151;transition: background .2s;}
  .dropdownn a:hover {background: rgba(99,102,241,0.08);/* color: var(--accent); */}
  
  
  
  
  
  
  

.more-btn {
    background: none;
    border: none;
    cursor: pointer;
    /* padding: 0; */
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.more-btn span {
    width: 4px;
    height: 4px;
    background: #a3a3a3;
    border-radius: 100%;
}
.menu-wrapper { position: relative; }
.menu {
    position: absolute;
    margin-top: -25px;
    right: 15px;
    background: white;
    width: 130px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    display: none;
    /* padding: 5px 0; */
}
.menu div {
    padding: 8px 11px;
    cursor: pointer;
}
.menu div:hover {
    background: #ececec;
}
  
  
  
  .logo{height: 35px;/* width: 100px; */float:left;font-size: 25px;/* color:rgb(106 155 197); *//* font-weight:200; *//* font-family:system-ui; */padding: 5px 0 0 40px;margin: 0;background:url(images/logo.png) no-repeat left;/* background-size:40px; */margin-top: -2px;}
@media only screen and (max-device-width: 850px), only screen and (device-width: 850px) and (device-height: 850px), only screen and (width: 850px) and (orientation: landscape), only screen and (device-width: 850px), only screen and (max-width: 850px) {
    .logo {
        height: 25px;
        width: 50px;
        float: left;
        padding: 5px;
        /* margin-left: -10px; */
        /* margin: 0; */
        color: rgb(238 238 238 / 0%);
        background: url(images/icons/playmuz.png) no-repeat center;
        background-size: 45px 45px;
    }
  
  
  
  
  
  
/* ==== PLAYER STYLES ==== */
.player-element { float: left; margin-right: 10px; }
.player-nine { width: 75%; float: left; padding: 10px 0; overflow: hidden; height: 35px; }
.player-nine a {/* outline: 0; *//* margin-right: 20px; *//* cursor: pointer; */}
.player-three { width: 25%; float: left; overflow: auto; }
.player-KOn7-left { width: auto; display: flex; }
.player-KOn7-middle { height: 35px; display: flex; flex: 1; }
.next-button, .prev-button { display: inline-block; width: 35px; }
.player-KOn7-right { width: 120px; }

div.jp-audio {width: 100%;float: none;font-size: 1.25em;line-height: 1.3;}
#content div.jp-audio { float: none; }
div.jp-interface { position: relative; width: 100%; }
div.jp-audio div.jp-type-single div.jp-interface { height: 0; }
.player-nine .jp-interface { height: 35px !important; }

a.jp-mute, a.jp-pause, a.jp-play, a.jp-unmute, a.jp-volume-max {
  width: 35px;
  height: 35px;
  float: left;
}

a.jp-play {
  /* background: url(images/player.png) -101.4px -97px / 190px no-repeat; */
}

div.jp-audio div.jp-progress:hover { height: 3px; }
div.jp-audio div.jp-progress {
  position: absolute; top: 15px; height: 3px; border-radius: 3px;
}

div.jp-audio div.jp-type-single div.jp-progress {
  width: 100%; margin: 0 15px 0 0; top: 10px; float: left; position: relative;
}

.player-nine .jp-progress { margin: 15px 0 0 !important; top: 0 !important; }
div.jp-seek-bar { width: 0; height: 100%; cursor: pointer; background: rgb(235 238 246); }
div.jp-play-bar { width: 0; height: 100%; background: #0079ff; }

div.jp-seeking-bg {
  width: 100%; height: 6px;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 5px, #f1f1f1 5px, #f1f1f1 10px);
  background-size: 28px 28px;
  animation: .5s linear infinite seeking, 5s linear seeking-in;
}

@keyframes seeking { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } }
@keyframes seeking-in { 0% { opacity: 0; } 40% { opacity: 1; } }

a.jp-mute, a.jp-mute:hover {
  background: url(images/player.png) -4px -45px / 165px no-repeat;
}

a.jp-unmute, a.jp-unmute:hover {
  background: url(images/player.png) -80px -45px / 165px no-repeat;
}

div.jp-volume-bar {
  overflow: hidden; width: 60px; height: 6px; cursor: pointer; margin-top: 15px;
  float: left; background: #ccc; border-radius: 3px;
}

div.jp-audio div.jp-volume-bar { top: 15px; left: 405px; }
div.jp-audio-stream div.jp-volume-bar { top: 37px; left: 92px; }
div.jp-video div.jp-volume-bar { top: 17px; left: 72px; }
div.jp-volume-bar-value { width: 0; height: 6px; background: #0079ff; }

.prev-button {
  background: url(images/player.png) -5px -124px / 165px no-repeat;
  height: 35px; cursor: pointer;
}

.prev-button:hover {
  background: url(images/player.png) -44px -124px / 165px no-repeat;
}

.prev-button-disabled, .prev-button-disabled:hover {
  background: url(images/player.png) -4px -124px / 165px no-repeat;
  cursor: default;
}

.next-button {
  background: url(images/player.png) -82.2px -163px / 165px no-repeat;
  height: 35px; cursor: pointer;
}
/* ==== END PLAYER STYLES ==== */







a.cover-button{float:left;text-decoration:none;/* margin: 0 8px 8px 0; */color: #000000;padding: 5px 20px;/* border:1px solid #cecece; *//* border-radius: 16px 0px; */font-weight:500;text-transform:uppercase;background: #ffffff;box-shadow: 0 2px 10px rgb(0 0 0 / 11%);}a.cover-button:hover{color: #000000;/* background: #f2f6f9; *//* border:1px solid #28a6f9; */box-shadow: 2px 5px 8px #cfcfcf;}a.cover-button-active{background: #ffffff;color: #000000;/* border:1px solid #28a6f9; */}
a.cover-button-active:hover{background: #edecec;color: #000000;/* border:1px solid #28a6f9; */}
.cover-text-KOn7{float:left;font-size:22px;margin:-146px 60px 0 125px;position:absolute;text-shadow:0 0 1px rgba(0,0,0,.5)}
.sidebar-header-extra a:hover{text-decoration:underline}
.social-icon{border-radius:10px;padding:0;width:35px!important;height:35px!important;}
.share-social-icon{height:34px;width:34px;border-radius:3px}




.logo{height:50px;width: 100px;float:left;font-size: 25px;/* color:rgb(106 155 197); *//* font-weight:200; *//* font-family:system-ui; */padding: 5px 0 0 72px;margin: 0 0px;background:url(images/logo.png) no-repeat left;/* background-size:40px; */margin-left: -10px;}

.upload-desc{font-size:14px;text-align:center;margin:20px auto}
a.jp-play:hover{background-size: 105px;background: url(images/player.png) -35px 0 no-repeat;background-size: 105px;}a.jp-pause{display:none;background-size:105px;/* background: url(images/player.png) -101.4px -97px / 190px no-repeat; */background: url(images/player.png) no-repeat -70px -35px;background-size: 105px;}a.jp-pause:hover{background-size:105px;/* background: url(images/player.png) -146px -97px / 190px no-repeat; */background: url(images/player.png) -101.4px -97px / 190px no-repeat;/* background: url(images/player.png) -146px -97px / 190px no-repeat; */background: url(images/player.png) no-repeat -35px -35px;background-size: 105px;}div.jp-progress{overflow:hidden}div.jp-audio div.jp-progress:hover{height:3px}div.jp-audio div.jp-progress{position:absolute;top:15px;height:3px;border-radius:3px}div.jp-audio div.jp-type-single div.jp-progress{/* width:100%; *//* margin:0 15px 0 0; *//* top:15px; *//* float:left; *//* position:relative; */}.player-nine .jp-progress{margin:15px 0 0!important;top:0!important}div.jp-seek-bar{width:0;height:100%;cursor:pointer;background: #e5ebf2;}div.jp-play-bar{width:0;height:100%;background: #2196F3;}div.jp-audio{/* font-size:1.25em; *//* line-height:1.3; */}div.jp-seeking-bg{width:100%;height:6px;background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 5px,#f1f1f1 5px,#f1f1f1 10px);background-size:28px 28px;animation:seeking .5s linear infinite,seeking-in .5s linear}@keyframes seeking{0%{background-position:0 0}100%{background-position:28px 0}}@keyframes seeking-in{0%{opacity:0}40%{opacity:1}}a.jp-mute,a.jp-unmute,a.jp-volume-max{width:15px;height:35px;float:left}a.jp-mute{background:url(images/player.png) 0 -175px no-repeat;background-size:105px}a.jp-mute:hover{background:url(images/player.png) -35px -175px no-repeat;background-size:105px}a.jp-unmute{background:url(images/player.png) -70px -175px no-repeat;background-size:105px;display:none}a.jp-unmute:hover{background:url(images/player.png) -70px -175px no-repeat;background-size:105px}div.jp-volume-bar{/* overflow:hidden; *//* width:46px; *//* height:6px; *//* cursor:pointer; *//* margin-top:15px; *//* float:left; *//* background:#ccc; *//* border-radius:3px; */}div.jp-audio div.jp-volume-bar{/* top:15px; *//* left:405px; */}div.jp-audio-stream div.jp-volume-bar{top:37px;left:92px}div.jp-video div.jp-volume-bar{top:17px;left:72px}div.jp-volume-bar-value{width:0;height:6px;background:#40c1fb}.prev-button{background:url(images/player.png) 2px -70px no-repeat;background-size:105px;width:15px;height:35px;cursor:pointer;display:inline-block}.prev-button:hover{background:url(images/player.png) -33px -70px no-repeat;background-size:105px}.prev-button-disabled,.prev-button-disabled:hover{/* background:url(images/player.png) 2px -70px no-repeat; */background-size:105px;background: url(images/player.png) -5px -124px / 165px no-repeat;cursor:default}.next-button{background:url(images/player.png) 0 -105px no-repeat;background-size:105px;width:15px;height:35px;cursor:pointer;display:inline-block}.next-button:hover{background:url(images/player.png) -35px -105px no-repeat;background-size:105px}.next-button-disabled,.next-button-disabled:hover{/* background:url(images/player.png) 2px -105px no-repeat; */background-size:105px;cursor:default;background: url(images/player.png) -82.2px -163px / 165px no-repeat;}div.jp-audio div.jp-time-holder{/* position:absolute; *//* top:25px; *//* display:none; */}div.jp-audio div.jp-type-single div.jp-time-holder{/* left:185px; *//* width:186px */}div.jp-audio div.jp-type-playlist div.jp-time-holder{left:166px;width:130px}div.jp-current-time,div.jp-duration{/* width:40px; *//* font-size:.64em; *//* text-align:center; */}#current-time,#duration-time{width:45px;float:left;height:35px;line-height:35px;font-size:11px}#current-time{text-align:right;margin-right:17px}#duration-time{text-align:left;margin-left:17px;margin-right:10px}div.jp-current-time{/* float:left; *//* display:inline; */}div.jp-duration{/* float:right; *//* display:inline; *//* text-align:left; */}div.jp-jplayer,div.jp-jplayer audio{width:0;height:0}div.jp-jplayer{background-color:#000}a.jp-repeat{background:url(images/player.png) 0 -140px no-repeat;background-size:105px;float:left;display:inline-block;width:15px;height:35px}a.jp-repeat:hover{background:url(images/player.png) -35px -140px no-repeat;background-size:105px}a.jp-repeat-off{background:url(images/player.png) -70px -140px no-repeat;background-size:105px;float:left;width:15px;height:35px}a.jp-repeat-off:hover{background:url(images/player.png) -70px -140px no-repeat;background-size:105px}.jp-no-solution{padding:5px;font-size:.8em;background-color:#eee;border:2px solid #009be3;color:#000;display:none}.jp-no-solution a{color:#000}.jp-no-solution span{font-size:1em;display:block;text-align:center;font-weight:700}@keyframes small-bounce{0%{transform:translateY(0)}25%{transform:translateY(3px)}50%{transform:translateY(0)}75%{transform:translateY(-1px)}100%{transform:translateY(0)}}@keyframes small-bounce-right{0%{transform:translateX(0)}25%{transform:translateX(3px)}50%{transform:translateX(0)}75%{transform:translateX(-1px)}100%{transform:translateX(0)}}.animation-small-bounce{animation:small-bounce 850pxms linear infinite}.animation-small-bounce-right{animation:small-bounce-right 850pxms linear infinite}.category-selector select{width: 100%;/* max-width:95%; */margin-left:0;background: #f9f8fe;margin-right:0}.star-icon{padding:0;position:relative;overflow:hidden;margin:6px 0;height:25px}.popularity-1{background:url(images/popularity_star.png) repeat-x center left;width:20px}.popularity-2{background:url(images/popularity_star.png) repeat-x center left;width:40px}.popularity-3{background:url(images/popularity_star.png) repeat-x center left;width:60px}.popularity-4{background:url(images/popularity_star.png) repeat-x center left;width:80px}.popularity-5{background:url(images/popularity_star.png) repeat-x center left;width:100px}.grid-KOn7{display:flex;width:100%;float:left}.grid-content{}.grid-sidebar{/* flex:35; *//* margin:0 10px; *//* position:relative; */}@media only screen and (max-device-width: 850px), only screen and (device-width: 850px) and (device-height: 850px), only screen and (width: 850px) and (orientation: landscape), only screen and (device-width: 850px), only screen and (max-width: 850px){.song-art a,.song-art img{/* width:50px; */}.grid-KOn7{flex-direction:column}
 .body-content,.page-KOn7,.page-settings-KOn7{border:0}.header{/* max-width:768px; *//* padding:0 5px; *//* margin:5px 0; */}.row-body,
 .menu-dd-row{/* padding:10px; *//* text-align:left */font-size: 15px;}.hashtag-inner,.search-content .notification-inner,.search-content .track-inner{padding:10px 15px}.chat-KOn7{height:300px}.sidebar-chat-list{max-height:350px}.cover-description-content{margin-left:20px}.cover-avatar{width:86px;margin-top:-125px}.cover-avatar a{float:left;overflow:hidden;height:86px}.dash-stats,.welcome-message{width:100%}.welcome-track{/* width:20% */}.song-top{min-height:auto;/* padding:0 0 0 65px; */}.player-controls{/* padding:0 0 0 65px; */}.song-art img{width:50px;border-radius:3px}.embed-KOn7 .track-actions-content,.embed-powered-by,.song-tag,.song-timeago{display:none}.action-text{display:none}.delete-button,.download-button,.like-button,.liked-button,.playlist-button,.public-button,.share-button{/* padding-right:0; *//* margin-right:10px; *//* background-position:center!important; */}.playlist-stats{padding:10px 0}.song-KOn7{padding:20px;flex:100%}.song-title{font-size: 17px;}.message-reply-KOn7 .delete_btn,.message-reply-KOn7 .report_btn{display:block}.embed-KOn7 div.jp-audio div.jp-type-single div.jp-interface{height:21px;padding-bottom:20px}.admin-stats-image,.license-box-desc{display:none}.stats-column-title{padding-top:10px}.upload-btn-text{font-size:12px}.user-stats-row{padding:10px 0 0}.license-box-KOn7{width:100%;padding-right:0}#upload-success{max-width:100%}
 .welcome-title{font-size: 15px;}.welcome-desc{/* font-size:20px */}.welcome-button a{font-size:12px}.welcome-content,.welcome-pro{padding:20px 10px}.welcome-full{padding:20px 0}.welcome-full-section{padding-left:10px;font-size:18px}.welcome-box-section,.welcome-box-title{font-size:18px}.welcome-box-title{font-size:16px}.footer{padding:0}.menu-dd-mobile{display:block}.current-plan{text-align:left}#topbar-artwork{float:right}#topbar-track-info{padding-right:0}#current-time,.player-KOn7-middle,.player-KOn7-right,.topbar-author-name,.topbar-song-name{display:none}.player-nine a{margin: 0 0px;}a.jp-pause,a.jp-play{margin-right:16px;}.row-body .twelve{border:0}.menu_btn{padding:10px 13px;margin-right:0}.page-login-KOn7,.search-content{border-right:0;border-left:0}.player-KOn7-left{width:185px}.grid-content{/* margin:0; *//* max-width:100%; */}.grid-sidebar{margin:0}.player-KOn7-middle{display:none}a.menu-button{display:none}
.logo{height:45px;width:50px;float:left;padding: 0;/* margin-left: -10px; *//* margin:0; */color:rgb(238 238 238 / 0%);background: url(images/icons/playmuz.png) no-repeat center;background-size:45px 45px;}
}  



.sol-sidebar {
flex: 20;position: relative;margin: 10px 10px 10px 10px;
}



.menu_btn{padding:10px;float:right;height:16px;border-radius:3px;margin-top:8px;/* margin-right:10px; */}.menu_btn img{width: 20px;height: 20px;}
.menu_btn:hover{/* background:#eee; *//* border-radius:3px; */}
.menu_btn:active{/* background:#eee; */}
.menu-btn{/* padding: 10px; */padding: 0 6px 0px 6px;margin: 5px 5px 0 0;float:right;background: #5cc582;color: #ffffff;/* border: 1px solid #009688; */border-radius: 50px;cursor:pointer;font-weight:700;text-transform:uppercase;font-size: 29px;height: 30px;/* align-items: center; *//* justify-content: center; */left: 0;right: 0;top: 0;}
.menu-btn:active,.menu-btn:hover{background:#03A9F4;color:#fff;border:1px solid #03A9F4;transition: .6s;}
.menu_hover_messages,
.menu_hover_notifications{background:#eee}

.sidebar-suggestions a {text-decoration: none;color: rgb(0, 0, 0);}
.sidebar-suggestions a:hover {
color: #000;
}
.sidebar-suggestions-inner {/* padding: 10px 0px 0 1px; *//* overflow: auto; *//* border-radius: 0px 0px 5px 5px; */background-color: white;padding: 10px 20px 10px 20px;/* border-radius: 5px; *//* width: 400px; *//* height: 80px; */}
.sidebar-suggestions-image {
float: left;
width: 35px;
}
.sidebar-suggestions-image img {width: 45px;border-radius: 49px;border: 1px solid #28a6f9;padding: 3px;}
.sidebar-suggestions-info {margin: 0 30px 0 53px;}
.sidebar-suggestions-small {
font-size: 11px;
padding-top: 5px;
cursor: default;
}
.sidebar-suggestions-track {
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar-suggestions-track a {
color: #333;
}

.footeraz {
	padding: 17px 0px 5px 0px;
}



#prev-button,#next-button {
    float: left;
    margin-right: 11px;
}

div.jp-audio {
    width: 100%;
    float: left
}

#content div.jp-audio {
    float: none
}

div.jp-interface {
    position: relative;
    width: 100%
}

div.jp-audio div.jp-type-single div.jp-interface {
    height: 17px
}

.player-nine .jp-interface {
    height: 35px!important
}

a.jp-play,a.jp-pause {
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 16px
}



.container{
  /* position: relative; */
  /* height: 300px; */
  /* width: 200px; */
  /* overflow: hidden; */
  /* background: #fff; */
  /* box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); */
  /* transition: 0.3s ease-out; */
}
.container:hover{
  box-shadow: 0px 1px 35px 0px rgba(0,0,0,0.3);
}
.container .image{
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  transition: transform 0.3s ease-out;
}
.container:hover .image{
  transform: translateY(-100px);
}
.image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease-out;
}
.container:hover .image img{
  opacity: 0.7;
}
.container:hover .image{
 transform: translateY(-100px);
}
.con ul{
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  z-index: 3;
  list-style: none;
}
ul li{
  /* margin: 0 5px; */
}

.container:hover > ul > li > a{
  opacity: 1;
  transform: translateY(0);
}
.container:hover > ul > li:nth-child(2) a{
  transition-delay: 0.1s;
}
.container:hover > ul > li:nth-child(3) a{
  transition-delay: 0.2s;
}
.container:hover > ul > li:nth-child(4) a{
  transition-delay: 0.3s;
}
.container:hover > ul > li:nth-child(5) a{
  transition-delay: 0.4s;
}
.container .content{
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
.info{
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  color: #000;
  line-height: 26px;
}
.info h2{
  font-size: 27px;
  margin: 3px 0;
}
.info span{
  color: #1a1a1a;
}







/*Start CSS Card on main page*/
.ui.cards > .card,
.ui.card {
  max-width: 79px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 290px;
  min-height: 0px;
  background: #FFFFFF;
  padding: 0em;
  border: none;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
  box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
  -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  z-index: '';
}
.ui.card {
  margin: 1em 0em;
}
.ui.cards > .card a,
.ui.card a {
  cursor: pointer;
}
.ui.card:first-child {
  margin-top: 0em;
}
.ui.card:last-child {
  margin-bottom: 0em;
}
.ui.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.cards > .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 4px;
  float: none;
}
.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  height: 70px;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 auto;
}
.ui.cards > .card > .image > img,
.ui.card > .image > img {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: inherit;
}
.ui.cards > .card > .image:not(.ui) > img,
.ui.card > .image:not(.ui) > img {
  border: none;
}
.ui.cards a.card,
.ui.link.cards .card,
a.ui.card, 
.ui.link.card {
  -webkit-transform: none;
          transform: none;
}
.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
  cursor: pointer;
  z-index: 5;
  background: #FFFFFF;
  border: none;
  -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
          box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.welcome-categories {
    text-align: center;
    /* padding-bottom: 10px; */
    color: #000000;
    text-decoration: none;
    background: -webkit-linear-gradient(top, hsl(0deg 0% 100%) 0%,hsl(0deg 0% 94%) 100%);
}


.chat-username a {
    float: none;
    color: #ffee5d
}

@media only screen and (max-width: 850px) {
    #upload-success,.ad_margin,.grid-content,.header {
        max-width:100%
    }

    .butt_mobile,.button_mobile,.search-input input {
        text-align: center
    }

    .button_mobile {
        border-radius: 10px;
        flex: 20;
        display: block;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        padding: 10px;
        cursor: pointer;
        background: #fff;
        margin: 10px;
        text-transform: uppercase;
        flex-wrap: wrap
    }

    .butt_mobile {
        display: flex;
        flex-wrap: wrap;
        background: #e5ebfc;
        justify-content: space-between;
        flex-direction: row;
        align-items: stretch
    }

    .body,.body-content,.page-KOn7,.page-settings-KOn7,.row-body .twelve {
        border: 0
    }

/* ==== PLAYER STYLES ==== */
.player-element { float: left; margin-right: 10px; }
.player-nine { width: 75%; float: left; padding: 10px 0; overflow: hidden; height: 35px; }
.player-nine a {outline: 0;/* margin-right: 20px; */cursor: pointer;}
.player-three { width: 25%; float: left; overflow: auto; }
.player-KOn7-left { width: auto; display: flex; }
.player-KOn7-middle { height: 35px; display: flex; flex: 1; }
.next-button, .prev-button { display: inline-block; width: 35px; }
.player-KOn7-right { width: 120px; }

div.jp-audio {width: 100%;float: none;font-size: 1.25em;line-height: 1.3;}
#content div.jp-audio { float: none; }
div.jp-interface { position: relative; width: 100%; }
div.jp-audio div.jp-type-single div.jp-interface { height: 0; }
.player-nine .jp-interface { height: 35px !important; }

a.jp-mute, a.jp-pause, a.jp-play, a.jp-unmute, a.jp-volume-max {
  width: 35px;
  height: 35px;
  float: left;
}

a.jp-play {
  /* background: url(images/player.png) -101.4px -97px / 190px no-repeat; */
}

div.jp-audio div.jp-progress:hover { height: 3px; }
div.jp-audio div.jp-progress {
  position: absolute; top: 15px; height: 3px; border-radius: 3px;
}

div.jp-audio div.jp-type-single div.jp-progress {
  width: 100%; margin: 0 15px 0 0; top: 10px; float: left; position: relative;
}

.player-nine .jp-progress { margin: 15px 0 0 !important; top: 0 !important; }
div.jp-seek-bar { width: 0; height: 100%; cursor: pointer; background: rgb(235 238 246); }
div.jp-play-bar { width: 0; height: 100%; background: #0079ff; }

div.jp-seeking-bg {
  width: 100%; height: 6px;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 5px, #f1f1f1 5px, #f1f1f1 10px);
  background-size: 28px 28px;
  animation: .5s linear infinite seeking, 5s linear seeking-in;
}

@keyframes seeking { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } }
@keyframes seeking-in { 0% { opacity: 0; } 40% { opacity: 1; } }

a.jp-mute, a.jp-mute:hover {
  background: url(images/player.png) -4px -45px / 165px no-repeat;
}

a.jp-unmute, a.jp-unmute:hover {
  background: url(images/player.png) -80px -45px / 165px no-repeat;
}

div.jp-volume-bar {
  overflow: hidden; width: 60px; height: 6px; cursor: pointer; margin-top: 15px;
  float: left; background: #ccc; border-radius: 3px;
}

div.jp-audio div.jp-volume-bar { top: 15px; left: 405px; }
div.jp-audio-stream div.jp-volume-bar { top: 37px; left: 92px; }
div.jp-video div.jp-volume-bar { top: 17px; left: 72px; }
div.jp-volume-bar-value { width: 0; height: 6px; background: #0079ff; }

.prev-button {
  /* background: url(images/player.png) -5px -124px / 165px no-repeat; */
  /* height: 35px; */
  /* cursor: pointer; */
}

.prev-button:hover {
  /* background: url(images/player.png) -44px -124px / 165px no-repeat; */
}

.prev-button-disabled, .prev-button-disabled:hover {

  background: url(images/player.png) -70px -70px no-repeat;
  background-size: 105px;
}

.next-button {
  background: url(images/player.png) -82.2px -163px / 165px no-repeat;
  height: 35px; cursor: pointer;
}
/* ==== END PLAYER STYLES ==== */



  
.top-menu{
    width:100%;
    display:flex;
    justify-content:flex-start;
    margin-bottom:20px;
    position:relative;
  }
.circle-btn{
    /* width:55px; */
    /* height:55px; */
    /* border-radius:50%; */
    /* background:#fff; */
    /* border:1px solid #000; */
    /* color:#000; */
    font-size:26px;
    cursor:pointer;
  }
.menu-content{
    display:none;
    position:absolute;
    top:65px;
    left:0;
    background:#fff;
    color:#000;
    border:1px solid #000;
    border-radius:8px;
    width:150px;
    padding:10px;
    box-shadow:0 4px 8px rgba(0,0,0,0.3);
  }
.menu-content a{
    display:block;
    color:#000;
    text-decoration:none;
    padding:8px 5px;
    border-bottom:1px solid #ccc;
  }
.menu-content a:last-child{
    border-bottom:none;
  }









.next-button {
    background: url(images/player.png) 0 -105px no-repeat;
    background-size: 105px;
    width: 15px;
    height: 35px;
    cursor: pointer;
    display: inline-block
}

.next-button:hover {
    background: url(images/player.png) -35px -105px no-repeat;
    background-size: 105px
}

.next-button-disabled,.next-button-disabled:hover {
    background: url(images/player.png) -70px -105px no-repeat;
    background-size: 105px;
    cursor: default
}