a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
     font: inherit;
     font-size: 100%;
     vertical-align: baseline;
     outline: none;
     margin: 0;
     padding: 0;
     border: 0;
     line-height: 1.618;
}
 * {
     box-sizing: border-box;
}
 .content{
     max-width: 600px;
     width: 100%;
     margin: 0 auto;
}
 body {
     font-size: 100%;
     background-color: #2a1a35;
	 font-family: Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;
     color: #eaeaea;
     text-rendering: optimizeLegibility;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
.anadiv{
	margin: 20px auto;
    margin-top: 0px;
    padding: 2px;
    background-color: #eaeaea;
}
.anadiv2{
	margin: 20px auto;
    padding: 2px;
    background-color: #eaeaea;
    max-width: 560px;

}
iframe{
	width: 100%;
	max-width: 560px;
}
.anagorsel{
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
}
.paragraf{
	margin: 10px 0;
}
.kosullink{
	margin-right: 10px;
}
.unactive{
	background-color: #f5f5f5 !important;
    color: #8c8c8c;
}
.gecicigif{
	padding-top: 13px;
	padding-bottom: 9px;
}
.ytsondakikabaslik {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: red;
}
.grid-item-image{
	width: 100%;
	height: calc(((100vw - 40px) - 30px) / 4);
    max-height: calc(((620px - 40px) - 30px) / 4);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.bottomiletisim{
	line-height: 13px;
    margin: 30px auto;
    font-size: 10px;
    max-width: 600px;
    text-align: center;
    color: #484855;
}
.requestfornewartist{
	margin-top: 20px;
    font-size: small;
    padding: 0 20px;
    font-style: italic;
    box-sizing: border-box;
}
.titleofsearch{
	font-size: smaller;
	font-weight: 500;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
}
.embed{
	width: 100%;
    height: 400px;
}
.albumartist{
    font-size: xx-large;
    font-weight: 100;
    overflow: hidden;
}
.albumartistyil{
	overflow: hidden;
}
.albumyil{
	font-size: smaller;
    font-weight: 300;
    overflow: hidden;
}
.player{
	width: calc(100% - 20px);
    margin: 20px auto;
}
li {
	float: left;
    width: calc(((100%) - 30px) / 4);
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    display: unset;
}
.cover {
	overflow: auto;
}
.aramasonuc{
	overflow: hidden;
    width: 100%;
}
span{
	display: block;
    overflow: hidden;
    max-height: 25px;
	font-size: smaller;
}
.more-by-grid{
	overflow: auto;
    width: calc(100% - 20px);
    margin: 0 auto;
	margin-top: 20px;
}
 .sitetitle{
	font-family: 'Lusitana', sans-serif;
	font-size: 90px;
    word-break: break-word;
    line-height: 1.618;
    text-align: center;
 }
@media screen and (max-width: 1200px){
.sitetitle{
    font-size: 70px;
}
}
@media screen and (max-width: 1000px){
.sitetitle{
    font-size: 55px;
}
}
@media screen and (max-width: 880px){
.sitetitle{
    font-size: 45px;
}
}
.fa{
	font-size:32px !important;
	color:white;
	margin-right: 20px;
}
.fason{
	margin-right: 0px;
}
.maindiv{
	max-width: 620px;
    margin: 0 auto;
    overflow: auto;
	position: relative;
}
 .allsite{
	max-width: 620px;
    margin: 0 auto;
    overflow: auto;
    padding-top: 10px;
}
 .popupforbottom{
     display: none;
     right: 10px;
     bottom: unset;
     top: 15px;
     left: unset;
     transform: unset;
     background-color: #5ce85c;
     color: #000000;
     -webkit-box-shadow: 3px 7px 62px 7px rgba(47, 185, 38, 0.77);
     -moz-box-shadow: 3px 7px 62px 7px rgba(0,0,0,0.74);
     box-shadow: 3px 7px 62px 7px rgba(48, 204, 31, 0.72);
     position: fixed;
     width: fit-content;
     text-align: center;
     padding: 10px 15px;
     font-size: smaller;
     border-radius: 15px;
     opacity: 0.95;
}
 .sociallink{
     width: 32px;
     height: 32px;
     margin-right: 20px;
     float: left;
}
 .sharearea{
     overflow: hidden;
     width: 100%;
     padding: 10px 0;
}
 .facebook, .messenger, .whatsapp, .twitter, .email{
     height: 32px;
     width: 32px;
     background-size: 32px 32px;
}
 .whatsapplink{
     display: none;
}
 .facebook{
     background-image: url(/images/facebook.png);
}
 .messenger{
     background-image: url(/images/messenger.png);
}
 .whatsapp{
     background-image: url(/images/whatsapp.png);
}
 .twitter{
     background-image: url(/images/twitter.png);
}
.ceviriciinput{
	float: left;
    padding: 4px 6px;
    width: 200px;
    border: 1px solid #eaeaea;
    margin-right: 10px;
    font-size: large;
    text-align: right;
    line-height: 1.618;
}
.ceviricitext{
	float: left;
    overflow: hidden;
    font-size: large;
    line-height: 1.618;
    padding: 5px 0;
}
.ceviriciinput:focus{
    outline: none;
}
.ceviriciinput::-webkit-outer-spin-button,
.ceviriciinput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.ceviricipart{
	overflow: hidden;
    margin: 10px 0;
}
 .copy{
     background-image: url(/images/copy.png);
     height: 28px;
     width: 28px;
     background-size: 28px 28px;
     background-repeat: no-repeat;
     margin: 2px;
     cursor: pointer;
     box-sizing: unset;
}
 .email{
     background-image: url(/images/email.png);
}
 .copylink{
     margin-right: 0px;
}
 .socialareatitle{
     overflow: hidden;
     width: 100%;
     margin-bottom: 10px;
     line-height: 20px;
}
 .toppart{
     padding-bottom: 10px;
     width: 100%;
     overflow: hidden;
     box-sizing: border-box;
}
 .arama{
     float: right;
     overflow: hidden;
     height: 30px;
     width: 30px;
     padding: 4px 0;
     cursor: pointer;
}
.artisttext{
	float: left;
    width: calc(100% - 60px);
    text-align: left;
    line-height: 50px;
}
.animasyon{
	
}
.guncelleme{
	font-style: italic;
	text-align: left;
	overflow: hidden;
	padding: 5px 0;
}
#tabloalan{
	display: none;
}
th {
  cursor: pointer;
  font-weight: 600;
}
.thirtythree {
     width: 33.33333%;
     float: left;
}
 .galleryimage {
     position: relative;
     width: 60px;
     margin-bottom: 15px;
     float: left;
}
.galleryimage img {
    position: absolute;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
	background-color: #ffffff;
}
 .galleryimage:after {
     content: "";
     display: block;
     padding-bottom: 100%;
}
 .giftext{
    resize: none;
    background-color: #a428b594;
    padding: 6px 18px;
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    border: 2px solid #ffffff;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    outline: none;
    overflow: hidden;
    margin-bottom: 30px;
    white-space: pre-wrap;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    word-wrap: break-word;
    width: 100%;
}
.aramadiv::-webkit-scrollbar {
    width: 4px;
    visibility: hidden;
}
.aramadiv::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 2px 2px 2px 2px rgba(167, 165, 165, 0.52);
}
.aramadiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 2px 2px 2px 2px rgba(167, 165, 165, 0.52);
    visibility: hidden;
}
.giftext:focus{
	outline: none;
}
 .giftextfinddiv{
     margin: 0;
     padding: 10px 0;
     overflow: hidden;
     transition: bottom 0.3s;
}
 .loadinggif{
     width: 24px;
     height: 24px;
     background-image: url(/images/gifloading.gif);
     background-size: 24px 24px;
     overflow: hidden;
     position: absolute;
     left: 50%;
     top: calc(50% - 13px);
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     display: none;
}
 .results{
     overflow: auto;
     width: calc(100% - 20px);
     box-sizing: border-box;
     padding-right: 5px;
     transition: height 0.3s;
	 padding-top: 10px;
}
 .findbutton{
     width: 32px;
     height: 32px;
     background-image: url(/images/find.png);
     background-size: 32px 32px;
     overflow: hidden;
     float: left;
     margin-left: 10px;
}
.sortable-table-all tr:nth-child(odd) {
    background-color: #fff;
}
.w3-bordered tr, .sortable-table-all tr {
    border-bottom: 1px solid #ddd;
}
.sortable-table-all tr:nth-child(even) {
    background-color: #f1f1f1;
}
#previewanimation{
width:100%;
height:456px;
padding:129.5px 0px;
}
#animationdivforloading{
	margin-left:auto;
	margin-right:auto;
	width:256px;
}
#animation{
	width:100%;
	height:100%;
}
 .messengerweb{
     display: block;
}
 .messengermobile{
     display: none;
}
 .contentofcurrencies{
     padding: 10px 0;
     color: #4a4a4a;
}
 .aramadiv{
     display: none;
     position: absolute;
     top: 50px;
	 z-index: 999;
     right: 20px;
     height: 380px;
     width: 70%;
     border: 1px solid #cecdcd;
     overflow-x: hidden;
	 overflow-y: auto;
     background-color: #eaeaea;
     padding: 10px;
     box-sizing: border-box;
}
 .aramaarea{
     overflow: auto;
     width: 100%;
}
 .grafik{
     max-width: 600px;
     width: 100%;
     margin: 0 auto;
     margin-bottom: 20px;
}
 .grafiktitle{
     max-width: 600px;
     width: 100%;
     margin: 0 auto;
     text-align: center;
     font-size: smaller;
     font-weight: 600;
}
 .grafiklabels{
     max-width: 600px;
     width: fit-content;
     margin: 15px auto;
     overflow: hidden;
}
 .dolarlabel{
     width: 50px;
     height: 20px;
     background-color: rgb(255, 99, 132,1);
     border-radius: 3px;
     float: left;
}
 .eurolabel{
     width: 50px;
     height: 20px;
     background-color: rgba(151,187,205,1);
     border-radius: 3px;
     margin-left: 20px;
     float: left;
}
 .labeltext{
     float: left;
     font-size: smaller;
     font-weight: 600;
     margin-left: 7px;
     line-height: 20px;
}
 canvas{
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     width: 100%;
     min-height: 250px;
}
 .bottom{
     line-height: 13px;
     margin: 0 auto;
     bottom: 0;
     padding: 10px 0;
     font-size: 10px;
     max-width: 600px;
     text-align: center;
     color: #484855;
}
.animasyon{
	
}
.guncelleme{
	font-style: italic;
	text-align: left;
	overflow: hidden;
	padding: 5px 0;
}
#tabloalan{
	display: none;
}
th {
  cursor: pointer;
  font-weight: 600;
}
.sortable-table th:first-child, .sortable-table td:first-child, .sortable-table-all th:first-child, .sortable-table-all td:first-child {
    padding-left: 16px;
}
.sortable-table td, .sortable-table th, .sortable-table-all td, .sortable-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.noneth{
	cursor: unset;
}
.image{
	width: 50px;
	height: 50px;
    border-radius: 50%;
}
.imageartist{
	width: 160px;
	height: 160px;
	object-fit: cover;
    border-radius: 50%;
}
.imagediv{
	padding: 10px 0;
    overflow: hidden;
}
.biodiv{
	font-size: smaller;
    font-weight: 300;
    overflow: hidden;
    text-align: justify;
    width: calc(100% - 20px);
    margin: 0 auto;
}
.dinleyicitakipcidiv {
    max-width: 340px;
    padding: 0;
    width: 100%;
    padding-bottom: 20px;
    font-size: x-large;
    overflow: hidden;
	color: #313131;
    line-height: 1.618;
    margin: 0 auto;
}
.dinleyicisayisi{
	float: left;
    overflow: hidden;
    width: calc(50% - 10px);
}
.takipcisayisi{
	float: right;
    overflow: hidden;
    width: calc(50% - 10px);
}
.dttext{
	font-size: smaller;
    font-weight: 300;
    overflow: hidden;
}
.dtnumber{
	font-size: larger;
    overflow: hidden;
}
.namediv{
	padding: 0;
    padding-bottom: 20px;
    font-size: xxx-large;
    overflow: hidden;
    line-height: 1.618;
}
.albumnamediv{
	padding: 0;
    padding-bottom: 0px;
    font-size: xxx-large;
    overflow: hidden;
    line-height: 1.618;
}
.sortable-table{
	width: 80%;
	margin: 0 auto;
}
.sortable-table-all {
    border: 1px solid #ccc;
}
.sortable-table, .sortable-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 80%;
    display: table;
}
.sortable-table-all tr:nth-child(odd) {
    background-color: #fff;
}
.w3-bordered tr, .sortable-table-all tr {
    border-bottom: 1px solid #ddd;
}
.sortable-table-all tr:nth-child(even) {
    background-color: #f1f1f1;
}
#previewanimation{
width:100%;
height:456px;
padding:129.5px 0px;
}
#animationdivforloading{
	margin-left:auto;
	margin-right:auto;
	width:256px;
}
.boxcontent{
	box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    max-width: 620px;
    margin: 10px auto;
    overflow: auto;
    padding-top: 0px;
    color: #000000;
    font-size: larger;
    font-weight: 600;
}
.kutu{
	width: calc((100% - 20px) / 3);
    margin-right: 10px;
    text-align: center;
    padding-top: calc(((100% - 20px) / 3));
    float: left;
    background-color: #ffffff;
    margin-bottom: 10px;
    position: relative;
}
.kutuensag{
	margin-right: 0;
}
#animation{
	width:100%;
	height:100%;
}
.kututext{
    position: absolute;
    top: 50%;
    left: 50%;
	word-break: break-word;
    width: calc(100% - 20px);
    transform: translate(-50%, -50%);
 }
  @media only screen and (max-width: 401px){
    .kutu{
		padding-top: 33%;
		width: 100%;
		margin-right: 0;
	}
}
 a, a:link, a:visited{
     color: #eaeaea;
     text-decoration: none;
}
a:hover{
	color: #ffffff;
}
 .copyable{
     overflow: auto;
}
 .minititle{
     overflow: hidden;
     text-align: left;
     width: 100%;
     padding-top: 5px;
     padding-bottom: 15px;
}
 .sondakika{
     display: block;
     overflow: hidden;
     max-width: 600px;
     text-align: left;
     width: 100%;
     padding: 10px 0;
     padding-bottom: 20px;
}
 .sondakika2{
     display: block;
     overflow: hidden;
     max-width: 600px;
     text-align: left;
     width: 100%;
     padding: 0;
     padding-bottom: 20px;
}
 .sondakikabaslik{
     font-size: 24px;
     line-height: 30px;
     font-weight: 600;
     margin-bottom: 10px;
     color: red;
}
 .ayarea{
     overflow: auto;
     width: 100%;
}
 .relativepos{
     position: relative;
     overflow: hidden;
     height: calc(100vh - 355px);
}
 .aciklamakismi{
     margin: 15px 0px;
     overflow: hidden;
     font-weight: 600;
	 color: #000000;
}
 .butonlaryil{
     padding: 20px 10px;
     background-color: #daffd5;
     box-sizing: border-box;
     cursor: pointer;
     width: 19%;
     margin-right: 1%;
     margin-bottom: 1%;
     float: left;
     border: 1px solid #353535;
     text-align: center;
}
 .butonlaray{
     padding: 20px 10px;
     background-color: #daffd5;
     box-sizing: border-box;
     cursor: pointer;
     width: 19%;
     margin-right: 1%;
     margin-bottom: 1%;
     float: left;
     border: 1px solid #353535;
     text-align: center;
}
 .butonlardays{
     padding: 20px 10px;
     background-color: #daffd5;
     box-sizing: border-box;
     cursor: pointer;
     width: 9%;
     margin-right: 1%;
     margin-bottom: 1%;
     float: left;
     border: 1px solid #353535;
     text-align: center;
}
 .butonarea{
     overflow: auto;
     width: 100%;
}
 #dolar{
     float: left;
}
 #euro{
     float: right;
}
 @media only screen and (max-width: 599px){
	 .sortable-table{
	width: 100%;
}
	 .ytsondakikabaslik {
    font-size: 20px;
    line-height: 24px;
	}
	 .span{
		 font-size: small;
	 }
     .popupforbottom{
         position: fixed;
         width: fit-content;
         text-align: center;
         padding: 10px 15px;
         margin: 0 auto;
         top: unset;
         right: unset;
         left: 50%;
         bottom: 2%;
         transform: translate(-50%, -2%);
         font-size: smaller;
         background-color: #353535;
         border-radius: 15px;
         color: #eaeaea;
         opacity: 0.95;
         -webkit-box-shadow: 3px 7px 62px 7px rgba(0,0,0,0.74);
         -moz-box-shadow: 3px 7px 62px 7px rgba(0,0,0,0.74);
         box-shadow: 3px 7px 62px 7px rgba(0,0,0,0.74);
    }
     .whatsapplink{
         display: block;
    }
     .messengerweb{
         display: none;
    }
     .messengermobile{
         display: block;
    }
     .butonlardays{
         width: 15%;
         margin-right: 1.6%;
         margin-bottom: 1.6%;
    }
     .butonlaray{
         width: 32%;
         margin-right: 1.33333%;
    }
     .allsite{
         max-width: unset;
         margin: unset;
         overflow: unset;
         background-color: unset;
         padding-top: unset;
    }
}
 @media only screen and (min-width: 401px){
     .anadiv, .giftext{
         max-width: 360px;
     }
     .aciklamakismi{
         font-size: 20px;
    }
}
 @media only screen and (max-width: 400px){
     .aciklamakismi{
         font-size: 19px;
    }
}
 @media only screen and (max-width: 380px){
     .aciklamakismi{
         font-size: 18px;
    }
}
 @media only screen and (max-width: 360px){
     .aciklamakismi{
         font-size: 16px;
    }
}
 @media only screen and (max-width: 330px){
	 .sortable-table th:first-child, .sortable-table td:first-child, .sortable-table-all th:first-child, .sortable-table-all td:first-child {
    padding: 8px;
}
.sortable-table td, .sortable-table th, .sortable-table-all td, .sortable-table-all th {
    padding: 0;
}
.sondakikabaslik {
    font-size: 16px;
    line-height: 20px;
}
 }