@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/subset-Montserrat-Light.eot');
    src: url('../fonts/subset-Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Montserrat-Light.woff2') format('woff2'),
        url('../fonts/subset-Montserrat-Light.woff') format('woff'),
        url('../fonts/subset-Montserrat-Light.ttf') format('truetype'),
        url('../fonts/subset-Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/subset-Montserrat-LightItalic.eot');
    src: url('../fonts/subset-Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/subset-Montserrat-LightItalic.woff') format('woff'),
        url('../fonts/subset-Montserrat-LightItalic.ttf') format('truetype'),
        url('../fonts/subset-Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/subset-Montserrat-Thin.eot');
    src: url('../fonts/subset-Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/subset-Montserrat-Thin.woff') format('woff'),
        url('../fonts/subset-Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/subset-Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/subset-Montserrat-Regular.eot');
    src: url('../fonts/subset-Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/subset-Montserrat-Regular.woff') format('woff'),
        url('../fonts/subset-Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/subset-Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/subset-Montserrat-Bold.eot');
    src: url('../fonts/subset-Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/subset-Montserrat-Bold.woff') format('woff'),
        url('../fonts/subset-Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/subset-Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/subset-Montserrat-Medium.eot');
    src: url('../fonts/subset-Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/subset-Montserrat-Medium.woff') format('woff'),
        url('../fonts/subset-Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/subset-Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url('../fonts/subset-MontserratAlternates-Light.eot');
    src: url('../fonts/subset-MontserratAlternates-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-MontserratAlternates-Light.woff2') format('woff2'),
        url('../fonts/subset-MontserratAlternates-Light.woff') format('woff'),
        url('../fonts/subset-MontserratAlternates-Light.ttf') format('truetype'),
        url('../fonts/subset-MontserratAlternates-Light.svg#MontserratAlternates-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/subset-DancingScript.eot');
    src: url('../fonts/subset-DancingScript.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-DancingScript.woff2') format('woff2'),
        url('../fonts/subset-DancingScript.woff') format('woff'),
        url('../fonts/subset-DancingScript.ttf') format('truetype'),
        url('../fonts/subset-DancingScript.svg#DancingScript') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: 'Montserrat', Arial, sans-serif;
    color:#363636;
    background-color:#e5e5e5
}
a{
    color:#242f40;
}
a:hover{
    color:#e0b954 !important;
    text-decoration:none;
    text-shadow:0 0 7px #e0b954 
}
.footer{
    color:#242f40
}
.sidebarlink a{
    color:#f9a826;
    text-decoration:none
}
.sidebarlink a:hover{
    color:#000;
    text-decoration:none
}
#sidebarcontent h3{
    color:#f9a826!important;
    font-size:1.5em!important
}
.dropdown-menu.show{
    background:#000000a6!important;
    box-shadow:0 8px 8px 0 rgb(140 140 140 / 37%);
    backdrop-filter:blur( 20px );
    -webkit-backdrop-filter:blur( 5px );
    border-radius:10px;
    border:1px solid rgb(255 255 255 / 25%)
}
.dropdown-item{
    color:#fff
}
.post a,a:hover{
    color:#f9a826
}
.glass{
    backdrop-filter:blur( 5px )
}

.lightglass{
    background-color:#ffffff0f
}
.lightglass a{
    color:#f9a826
}
.card{
    background-color:ffffff1a!important;
    box-shadow:0 8px 12px 0 rgb(31 20 119 / 45%);
    backdrop-filter:blur( 15px );
    -webkit-backdrop-filter:blur( 5px )
}
.bg{
    width:100%;
    height:100%;
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background-size:cover
}
.card-body a:hover{
    color:#fff!important;
    text-decoration:none
}
.card-body a{
    color:#afadad!important;
    text-decoration:none
}
body{
    padding-top:5rem;
    background-color:#fff;
    background-image: linear-gradient(147deg, #ffffff 0%, #d3d3d3 40%); /* White to light gray gradient */
}
.clearfix{
    margin-top:10px;
    margin-bottom:10px
}
.separator{
    color:#d3d3d3
}
.fa-spin{
    color:#ff9800
}
.saklar{
    color:#dcdbdb!important
}
.saklar2 a{
    text-decoration:none
}
.saklar2 a:hover{
    text-decoration:none;
    color:#ff9800
}
.sidebarlink{
    list-style:none;
    padding-left:0
}
.transparant{
    background-color:#ffffff00!important;
    color:#f9a826
}
.transparant:focus{
    background-color:#ffffff00!important;
    color:#4CAF50
}
.themechanger{
    z-index:1000;
    width:30px;
    height:90px;
    position:fixed;
    top:100px;
    left:0;
    padding:10px;
    background:#10101042;
    border-radius:5px;
    margin-left:-5px;
    box-shadow:0 0 11px #0c4fb3;
    backdrop-filter:blur( 15px );
    -webkit-backdrop-filter:blur( 15px )
}
#page404{
    width:40%;
    margin:5% auto;
    margin-bottom:200px
}
@media (max-width:768px){
    #page404{
        width:90%
    }
}
#page404 .title404{
    font-size:x-large;
    font-family:monospace;
    font-weight:700;
    color:#e2e2e2b8
}
#page404 .desc404{
    font-family:monospace;
    color:#e2e2e2b8
}
.navbar{
    margin:0 auto;
    margin-top:15px
}
.post{
    margin-bottom:10px
}
.post .postcontent{
    padding:10px
}
.post .postitle{
    padding-left:10px
}
.glass{
    backdrop-filter:blur( 20px );
    -webkit-backdrop-filter:blur( 15px );
    border-radius:10px;
    border:solid 2px #cfaa56e0;
    background-clip:padding-box;
    box-shadow:10px 10px 10px rgb(46 54 68 / 14%)
}
.lightglass{
    border-radius:10px;
    border:solid 2px #cfaa56e0;
    background-clip:padding-box;
    box-shadow:10px 10px 10px rgb(46 54 68 / 14%);
    backdrop-filter:blur( 20px );
    -webkit-backdrop-filter:blur( 15px )
}
.kartu{
    text-align:center!important;
    transform-style:preserve-3d;
    margin-left:10px;
    display:inline-block!important;
    margin-bottom:10px;
    padding-bottom:.5rem!important;
    width:150px;
    height:265px;
    position:relative
}
.kartu .itemthumb{
    transform:translateZ(30px);
    max-height:120px;
    max-width:120px;
    margin:auto;
    margin-top:10px;
    border-top-left-radius:calc(.25rem - 1px);
    border-top-right-radius:calc(.25rem - 1px);
    box-shadow:0 0 11px #4d4d4d
}
.kartu .addtocart{
    position:absolute;
    bottom:5px;
    right:5px;
    background:#ffffff26;
    transform:translateZ(30px)
}
.kartu .addtocart:hover{
    background:#198754
}
.kartu .card-body{
    font-size:smaller;
    padding:.5rem;
    color:#fff;
    text-align:left;
    text-shadow:1px 1px 9px #000
}
.kartu .card-title{
    margin-bottom:.5rem;
    font-size:larger;
    font-weight:500
}
.btn-search{
    background-color:#00000080;
    color:#cacaca;
    border-color:#ffffff7a;
    box-shadow:1px 1px 4px #ffffff75
}
.btn-search:hover{
    background-color:#75717170;
    color:#cacaca;
    border-color:#ffffff7a;
    box-shadow:1px 1px 4px #ffffff75
}
::placeholder{
    color:#fff;
    opacity:1
}
:-ms-input-placeholder{
    color:#fff
}
::-ms-input-placeholder{
    color:#fff
}
.lili{
    padding:10px
}
td,th{
    padding:15px;
    text-align:left
}
.css-1sdk2kx{
    margin:0 0 12px;
    white-space:nowrap;
    display:flex
}
.css-bqvohl:first-of-type{
    padding-left:0
}
.css-bqvohl{
    display:inline-block;
    padding:0 16px;
    border-right:1px solid #d8d6d642
}
dt{
    font-weight:300;
    color:#989292;
    text-transform:uppercase
}
tr{
    border-top-width:thin;
    border-top-color:#d8d6d642;
    border-top-style:solid
}
.page-loader-wrapper{
    z-index:99999999;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    background:#000;
    overflow:hidden;
    text-align:center;
    color:#fff
}
.colorfulbg{
    width:100%;
    height:100%;
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:-webkit-linear-gradient(315deg,hsla(58.19,56.79%,11.51%,1) 0,hsla(58.19,56.79%,11.51%,0) 70%),-webkit-linear-gradient(65deg,hsla(240,85.19%,16.71%,1) 10%,hsla(240,85.19%,16.71%,0) 80%),-webkit-linear-gradient(135deg,hsla(156.19,90.68%,16.65%,1) 15%,hsla(156.19,90.68%,16.65%,0) 80%),-webkit-linear-gradient(205deg,hsla(0,91.48%,46.49%,1) 100%,hsla(0,91.48%,46.49%,0) 70%);
    background:linear-gradient(135deg,hsla(58.19,56.79%,11.51%,1) 0,hsla(58.19,56.79%,11.51%,0) 70%),linear-gradient(25deg,hsla(240,85.19%,16.71%,1) 10%,hsla(240,85.19%,16.71%,0) 80%),linear-gradient(315deg,hsla(156.19,90.68%,16.65%,1) 15%,hsla(156.19,90.68%,16.65%,0) 80%),linear-gradient(245deg,hsla(0,91.48%,46.49%,1) 100%,hsla(0,91.48%,46.49%,0) 70%)
}
.bd-placeholder-img{
    font-size:1.125rem;
    text-anchor:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
@media (min-width:768px){
    .bd-placeholder-img-lg{
        font-size:3.5rem
    }
}


.stories-container .contentps img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  object-fit: cover;
  z-index: 300;
  position: relative;
  vertical-align: middle;
}

.stories-container .contentps{
  position: relative;
  cursor: pointer;
}

.stories-container .contentps::before {
  content: "";
  height: 98px;
  width: 98px;
  background: #1c1b1b;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}

.stories-container .contentps::after {
  content: "";
  height: 106px;
  width: 106px;
  background: linear-gradient(#e0b954, #cb9b51);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

      .golden-btn {
        display: inline-block;
        outline: 0;
        font-family: inherit;
        font-size: 1em;
        box-sizing: border-box;
        border: 0;
        border-radius: .3em;
        height: 2.75em;
        line-height: 2.5em;
        text-transform: uppercase;
        padding: 0 1em;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(110, 80, 20, .4), inset 0 -2px 5px 1px rgba(139, 66, 8, 1), inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
        background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
        border: 1px solid #a55d07;
        color: #783205;
        text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
        cursor: pointer;
        transition: all .2s ease-in-out;
        background-size: 100% 100%;
        background-position: center
      }

      .golden-btn:focus,
      .golden-btn:hover {
        background-size: 150% 150%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23), inset 0 -2px 5px 1px #b17d10, inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
        border: 1px solid rgba(165, 93, 7, .6);
        color: rgba(120, 50, 5, .8)
      }

      .golden-btn:active {
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(110, 80, 20, .4), inset 0 -2px 5px 1px #b17d10, inset 0 -1px 1px 3px rgba(250, 227, 133, 1)
      }

.gold {
    font-size: 4vw;
    text-transform: uppercase;
    line-height:1;
    background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; 
              animation: shine 3s infinite;
              background-size: 200%;
              background-position: left;

            }
            @keyframes shine {
              to{background-position: right}
             
            }

            .goldsmall {
              text-transform: uppercase;
              line-height:1;
              background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; 
              animation: shine 3s infinite;
              background-size: 200%;
              background-position: left;

            }
            @keyframes shine {
              to{background-position: right}
             
            }

	    .goldsmalltxt {
              background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; 
              animation: shine 3s infinite;
              background-size: 200%;
              background-position: left;

            }
            @keyframes shine {
              to{background-position: right}
             
            }

            .goldinput {
              line-height:1;
              background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; 
              animation: shine 3s infinite;
              background-size: 200%;
              background-position: left;

            }
            @keyframes shine { 
              to{background-position: right}
             
            }

.checkmark {
    display:inline-block;
    width: 15px;
    height:20px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_circle {
    position: absolute;
    width:22px;
    height:22px;
    background-color: #e0b954;
    border-radius:11px;
    left:0;
    top:0;
}

.checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    background-color:#fff;
    left:11px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#fff;
    left:8px;
    top:12px;
}

.username--style8 {
    color: #373535;
    text-shadow: -1px -1px 0 #f4bd24, 1px -1px 0 #f4bd24, -1px 1px 0 #f4bd24, 1px 1px 0 #f4bd24, 0px 0px 5px #f4d142;
    background: url('https://ecnlmediamarket.com/shine/sparkle_gold.gif');
}

.username--style5 {
    font-weight: bolder;
    color: #373535;
    text-shadow: -1px -1px 0 #f4bd24, 1px -1px 0 #f4bd24, -1px 1px 0 #f4bd24, 1px 1px 0 #f4bd24, 0px 0px 5px #f4d142;
    background: url('https://ecnlmediamarket.com/shine/sparkle_red.gif');
}

.username--style9 {
    color: #373535;
    text-shadow: -1px -1px 0 #f4bd24, 1px -1px 0 #f4bd24, -1px 1px 0 #f4bd24, 1px 1px 0 #f4bd24, 0px 0px 5px #f4d142;
    background: url('https://ecnlmediamarket.com/shine/sparkling.gif');
}

.suptitle {

    font-family: 'Dancing Script', cursive;
    font-size: 2.375em; /* 70px */
    font-weight: normal;
    margin: 0 0 0.2142857142857143em;   
    line-height: 1.1;
    padding-bottom: 0.1428571428571429em;
    background: -webkit-linear-gradient(103deg, #ac8447 0%,#a17840 6%,#9c723c 12%,#9a703b 14%,#9c723c 21%,#a0773f 24%,#ad8648 30%,#d8b766 44%,#eacb72 51%,#f5d87a 57%,#f7da7b 63%,#f1d377 70%,#e7c870 76%,#ab8346 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}