/*
Child Style Personal Display
*/
      @font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v47/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUtiZTaR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v47/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUJiZTaR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v47/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUliZTaR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v47/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUhiZTaR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v47/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUZiZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.afacad-flux-<uniquifier> {
  font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
*{
   padding:0;
   margin:0;

 }img{
     object-fit:cover;
 }

  a{
    text-decoration:none;
    list-style:none;
  }

 body {
    background:#0D0D0D;
   direction:rtl;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
input *{
    color:#444444 ;
}

  /* css reset */
html,body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, menu, output, ruby, section, summary,
time, mark, audio, video,input,button tr,td ,pre,figure,button,select {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    line-height:30px;
    color:white;
}
.header{
    width:100%;
    float:right;
    background:rgba(0, 0, 0, 0.5) ;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, menu, section {
    display: block;
}
body {
    line-height: 1px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/*.background-overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -999;
}*/
/* .background-overlay:before{
    background-color: #000000;
    opacity: 0.5;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}*/
.fixes-divi{
    width:1300px;
    margin:0 auto;
}
.header-top{
    width:100%;
    float:right;
}
 .logo{
     width:180px;
     height:70px;
   float:left;
 }
 .logo img{
     width:100%;
     heighT:100%;
     display:block;
 }
 .nav-head{
     width:68%;
     float:right;
 }
   .nav-head > div > ul{
       margin-top:20px;

   }
 .nav-head > div > ul > li{
     padding:0 10px;
     position:relative;
     float:right;
 }
  .nav-head > div > ul > li > a{
      font-size:16px;
      text-align:center;
      display:block;
      color:white;
      position:relative;
      padding-right:9px;
  }
  .nav-head > div > ul > li > a:before{
      content:'';
      position:absolute;
      width:5px;
      height:5px;
      background-color:#EEEEEE;
      border-radius:20%;
      right:0;
      top:13px;
  }

    .nav-head > div > ul > li > a:hover{
        color:#00F3FF;
    }
    .nav-head > div > ul > li > ul{
        position:absolute;
        width:180px;
        background:black;
        opacity:0;
        visibility:hidden;
        right:0;
        left:0;
        top:90%;
        z-index:200;
        border-radius:6px;
    }
    .nav-head > div > ul > li:hover > ul{
        opacity:1;
        transition:.5s;
        top:100%;
          visibility:visible;
    }
    .nav-head > div > ul > li > ul > li > ul > li{
        position:relative;
    }
    .nav-head > div > ul > li > ul > li > ul{
        position:absolute;
        width:180px;
        background:black;
        opacity:0;
        right:100%;
        top:0;
        border-radius:6px;
    }
    .nav-head > div > ul > li > ul > li:hover > ul{
        opacity:1;
        transition:.5s;
    }

   .nav-head > div > ul > li > ul > li > a{
        text-align:right;
        padding-right:10px;
        font-size:13px;
        line-height:40px;
    }
   .nav-head > div > ul > li > ul > li > ul > li > a{
        text-align:right;
        padding-right:10px;
         line-height:40px;
         font-size:13px;

    }
   .nav-head > div > ul > li > ul > li > ul > li > a:hover{
       color:#2149CC ;
   }
   .nav-head > div > ul > li > ul > li > a:hover{
        color:#00CCC9 ;
    }
    .nav-head > div > ul > li > ul > li > ul > li > ul > li{
        position:relative;
    }
    .nav-head > div > ul > li > ul > li > ul > li > ul{
        position:absolute;
        width:180px;
        background:black;
        opacity:0;
        right:100%;
        top:0;
        z-index:200;
        border-radius:6px;
    }
        .nav-head > div > ul > li > ul > li > ul > li:hover > ul{
        opacity:1;
        transition:.5s;
    }
   .nav-head > div > ul > li > ul > li > ul > li > ul > li >  a{
        text-align:right;
        padding-right:10px;
        font-size:13px;
         line-height:40px;
    }
  .nav-head > div > ul > li > ul > li > ul > li > ul > li > a:hover{
        color:#00A3A0 ;
    }
   .nav-head > div > ul > li > ul > li > ul > li > ul > li > ul > li{
        position:relative;
    }
    .nav-head > div > ul > li > ul > li > ul > li > ul > li > ul {
        position:absolute;
        width:180px;
        background:black;
        opacity:0;
        right:100%;
        top:0;
        z-index:200;
        border-radius:6px;
    }
  .nav-head > div > ul > li > ul > li{
      position:relative;
  }

        .nav-head > div > ul > li > ul > li > ul > li > ul > li:hover > ul{
        opacity:1;
        transition:.5s;
    }
    .nav-head > div > ul > li > ul > li > ul > li > ul > li > ul > li > a{
        text-align:right;
        padding-right:10px;
        font-size:13px;
         line-height:40px;
    }
   .nav-head > div > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover{
        color:#CC304A ;
    }
   .current-menu-item{
       position:relative;
   }
  .nav-head > div > ul > li.active{
     background-color:#696969;
     border-radius:6px;
  }
.main_index{
    width:100%;
    float:right;

}
.elementor_page_nava{
    width:100%;
    float:right;
}

.label-posts{
    padding:0 14px;
    position:absolute;
    right:10px;
    background:rgba(173, 173, 173, 0.7);
    border-radius:10px;
    font-size:13px;
    border:2px solid white;
    z-index:100;
    top:10px;
}
.header-untrack-top{
    width:100%;
    float:right;
}
.untrack-img{
    width:100%;
    float:right;
    position:relative;
    height:330px;
    overflow:hidden;
}
.untrack-img img{
    width:100%;
    heighT:auto;
    display:block;
    max-width:100%;
    position:absolute;
}
.social-untrack{
    width:80%;
    position:absolute;
    left:20%;
    bottom:20px;
    z-index:100;
}
 .social-untrack svg{
     padding:0 8px;
     font-size:30px;
     text-align:center;
     float:left;
 }
 .social-untrack a{
     direction:ltr;
     font-size:13px;
     float:left;
     color:#000000 ;
 }
 .social-untrack a:hover{
     color:#CC2F41 ;
     transition:.5s;
 }

 .ele-theme{
     width:10%;
     float:left;
     height:inherit;
 }
 .osearch{
     color:white;
     font-size:20px;
     text-align:right;
     cursor:pointer;
     margin-top:20px;
     padding:0 12px;
 }
 .osearch:hover{
     color:orange;
 }
  .lang-menu {
      width:50%;
      floaT:left;
  }
  .lang-menu > div > ul > li{
      float:right;
  }

.lang-menu > div > ul > li > a {
    font-size: 13px;
    text-align: center;
    display: block;
    margin-top: 26px;
    margin-right: 8px;
}
    .lang-menu > div > ul > li > a > span{
       display:none;
   }

   .lang-menu a:hover{
       color:#04CCBF;
   }
   .lang-menu > div > ul > li > ul > li{
       position:relative;
   }
   .lang-menu > div > ul > li > ul > li > ul{
       position:absolute;
       width:100px;
       left:0;
       right:50%;
       top:50%;
       opacity:0;
   }
  .lang-menu > div > ul > li > ul > li:hover > ul{
      opacity:1;
      transition:.4s;
      top:100%;
  }
   .lang-menu > div > ul > li > ul > li ul{
       display:none;
   }
    .lang-menu > div > ul > li > ul > li > a{
        text-align:right;
        font-size:13px;
    }
  .dl-nava-slide{
     padding:0 12px;
      text-align:center;
      border:4px solid white;
      border-radius:7px;
      color:white;
      font-size:15px;
      line-height:40px;
      display:block;
      background:rgba(130, 130, 130,0.3)
  }
  .link-nava-slide{
      width:190px;
      margin:40px auto;
  }
    .dl-nava-slide:hover{
        background:red;
    }
    .text-slide-cd h4:hover{
     color:Red !important;
 }
 .owl-dots{
     width:95%;
     position:absolute;
     bottom:10px;
     height:30px;
     right:5%;
 }
  .owl-dot{
      width:15px;
      height:15px;
      background:rgba(255, 255, 255, 0.7) !important ;
      border:2px solid #CC2A42 !important;
      border-radius:100%;
      margin-top:15px;
      margin-right:10px;
  }
    .owl-dot.active{
      width:15px;
      height:15px;
      background:#CC2A42 !important;
      border:2px solid white !important;
      border-radius:100%;
      margin-top:15px;
  }
  .biography-codex{
      width:100%;
      float:right;
  }
 .rtl-bio{
     width:50%;
     margin-top:20px;
     float:right;
 }
 .lft-bio{
     width:50%;
     float:left;
     margin-top:20px;
 }
 .rtl-bio h2{
     color:white;
     font-size:28px;
     text-align:center;
     font-weight:bold;
     width:80%;
     margin:30px auto;
 }
  .rtl-bio h4{
     color:#CCCCCC;
     font-size:16px;
     text-align:center;
     width:90%;
     margin:20px auto;
 }
 .cv-bio{
     width:80%;
     float:left;
 }
 .cv-bio img{
     max-width:100%;
     height:auto;
     display:block;
     border-radius:180px 0;
     width:100%;
 }
 .header-soft{
     width:100%;
     float:right;
          background:linear-gradient(to right , rgba(0, 0, 0, 0.5), rgba(204, 52, 83, 0.5));
 }
 .header-soft-body{
     width:100%;
     height:750px;
     float:right;
 }
 .social-logo{
     width:50%;
     margin:19% auto;
 }
 .logo-soft{
     width:100%;
     float:right;
 }
  .logo-soft a{
     text-align:center;
      display:block;
      font-size:50px;
      font-family:oswald;
      line-height:40px;
  }
  .category-soft{
      width:100%;
      align-items:center;
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      margin-top:15px;
      float:right;
  }
  .category-soft li a{
     padding:2px 10px;
     font-size:14px;
     text-align:center;
     position:relative;
  }
   .category-soft li{
       list-style:none;
   }
    .category-soft li a:before{
        content:'|';
        position:absolute;
        right:0;
        top:0;
    }
    .category-soft li a:hover{
        color:Red;
        transition:.4s;
    }

  .social-soft{
      width:100%;
      align-items:center;
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      float:right;
           margin-top:15px;
  }
  .social-soft i{
      padding:0 10px;
      font-size:30px;
      text-align:center;
      color:#E6E6E6;
  }
  .tfy:hover{
      color:#00DB6A;
  }
    .nes:hover{
      color:#CCCCCC;
  }
   .oud:hover{
      color:#FF8018;
  }
    .ook:hover{
      color:#374B9C;
  }
    .ter:hover{
      color:#2E85FF;
  }
   .ram:hover{
      color:#DB3C3C;
  }
   .tram:hover{
      color:#29B8FF;
  }
   .post-index{
       width:100%;
       float:right;
       background:rgba(0, 0, 0, 0.5);
       padding-bottom:10px;
   }
  .single-posts-index{
      width:100%;
      float:right;
      overflow:hidden;
  }

  .single-posts-index h2{
      font-size:40px;
      text-align:center;
      margin-top:26px;
      position:relative;
  }

 .single-posts-index > h5{
      font-size:40px;
      text-align:center;
      margin-top:25px;
      position:relative;
  }
  .s-posts-index{
      width:200px;
      margin:0 auto;
  }
  .s-posts-index-box{
      width:100%;
      height:200px;
      position:relative;
      margin-top:25px;
      overflow:hidden;
      background-color:black;
      border-radius:4px;
  }
  .s-posts-index-box img{
      width:100%;
      height:100%;
      position:absolute;
      border-radius:4px;
      display:block;
  }
  .s-posts-title{
      width:100%;
      float:right;
  }
  .s-posts-title a{
      font-size:15px;
      text-align:right;
      float:right;
      width:100%;
  }
   .s-posts-title i{
     color:#B8B8B8;
     float:right;
     font-size:11px;
     line-height:30px;
   }

   .s-posts-title ul li{
      text-align:right;
      color:#858585;
      float:right;
      padding:0 5px;
  }
  .s-posts-title ul li a{
      color:#B8B8B8;
      font-size:11px;
  }
   #s-posts-album{
       width:200px;
   }

  .back-widget{
      position:absolute;
      width:100%;
      height:100%;
      opacity:0;
      top:90%;
      z-index:100;
  }
   .s-posts-index-box:hover .back-widget{
       opacity:1;
       transition:.2s;
       top:0;
   }
    .cvg{
        font-size:70px;
        text-align:center;
        display:block;
        line-height:200px;
    }
    .s-posts-index-box:hover img{
        opacity:.6;
    }
   .s-posts-index:hover .title_emg{
       color:#FF3333;
   }
   .rtl-back-widget{
       position:absolute;
       right:5px;
       top:86%;
   }
      .lft-back-widget{
       position:absolute;
       left:5px;
       top:86%;
   }
   .rtl-back-widget p{
       font-size:10px;
       text-align:center;
       padding:0 4px;
   }
  .lft-back-widget p{
       font-size:10px;
       text-align:center;
       padding:0 4px;
   }
   .line-widget{
       width:200px;
       height:3px;
       background:red;
       border-radius:30px;
       margin:18px auto;
   }
   .line-widgets{
       width:200px;
       height:3px;
       background:orange;
       border-radius:30px;
       margin:18px auto;
   }
    .project-box__inner {
    position: relative;
    width: 200px;
}
.project-box__image {
    text-align: center;
    letter-spacing: -0.01em;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.project-box__image:hover {
    z-index: 5;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.project-box__image__sleeve {
    position: relative;
    z-index: 3;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.35);
    box-shadow: 0 2px 4px rgba(0,0,0,0.35);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.project-box__image__vinyl {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.project-box__image:hover .project-box__image__vinyl {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
}
   .s-posts-index-album{
      width:100%;
      height:200px;
      position:relative;
      margin-top:25px;
      background-color:black;
      border-radius:4px;
  }
  .s-posts-index-album img{
      width:100% !important;
      height:100% !important;
      border-radius:4px;
      display:block;
  }
  .pd-index{
      width:290px;
      margin:0 auto;
  }
  .pd-index-box{
      width:100%;
      height:300px;
      position:relative;
      overflow:hidden;
      background-color:#0F0F0F;
  }
  .pd-index-box img{
      width:100%;
      height:100%;
      position:absolute;
      display:block;
      border-radius:4px;
  }
  .pd-index-box img:hover{
      opacity:.9;
  }

  .pd-posts-title{
      width:100%;
      float:right;
      background:rgba(15, 15, 15, 0.6) ;
      border-radius:0 0 6px 6px;
      box-shadow:0 0 5px #000000;
  }
 .pd-posts-title i{
     color:#B8B8B8;
     float:right;
     font-size:11px;
     line-height:40px;
     padding-right:10px;
   }

   .pd-posts-title ul li{
      text-align:right;
      color:#858585;
      float:right;
      padding:0 5px;
  }
  .pd-posts-title ul li a{
      color:#B8B8B8;
      font-size:11px;
      line-height:40px;
  }
  .bio-main{
      width:100%;
      float:right;
      border-radius:6px;
  }
   .pd-index:hover .title_emg{
           color:orange;
   }
   .videos-element{
       width:100%;
       float:right;
   }
  .title-video-element{
      width:100%;
      float:right;
      margin-top:20px;
  }
  .title-video-element p{
      font-size:30px;
      text-align:center;
  }
  .line-videos{
      width:150px;
      height:3px;
      background:#00CCB1;
      margin:10px auto;
      border-radius:30px;
  }
  .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
      padding:0 !important;
  }
  .videos-row{
      width:100%;
      float:right;
      margin-top:10px;
  }
  .rtl-v{
      width:50%;
      float:left;
  }

   .rtl-v article{
       width:95%;
       height:350px;
       float:left;
       position:relative;
   }
   .lft-vid{
       width:617px;
       float:left;
   }

    .videos-row img{
        width:100%;
        heighT:100% !important;
        display:block;
        border-radius:6px;
        position:absolute;
    }
   .playg-video-icon{
       position:absolute;
       width:100%;
       height:100%;
       z-index:100;
       border-radius:6px;
       background:rgba(0, 0, 0, 0.3);
   }
    .playg-video-icon i{
        color:white;
        width:100%;
        font-size:70px;
        text-align:center;
        line-height:350px;
    }
    .title-video-index{
        float:right;
        font-size:13px;
        text-align:right;
    }
    .rtl-v:hover .title-video-index{
        color:#00FFEA;
    }
    .rtl-v article:hover .playg-video-icon{
        opacity:0;
        transition:.3s;
    }
    .lft-v{
        width:50%;
        float:right;
    }
    .lft-v article:nth-child(1) {
        display:none;
    }
    .lft-v article{
        float:right;
    }

    .myvideo-art{
        width:270px;
        height:170px;
        float:right;
        position:relative;
        margin-top:10px;
    }
    div.videos-row > div.lft-v > article:nth-child(2) > div{
        margin-top:0;
    }
    .view-vi{
        float:right;
        width:100%;
        font-size:12px;
        color:#919191 ;
    }

    .vi-ci{
        line-height:170px !important;
        font-size:50px !important;
    }

  .myvideo-art img{
      width:100%;
      height:100% !important;
      display:block;
      border-radius:6px;
  }
  #title-video-index{
      padding-right:10px;
      margin-top:25px;
  }
  .lft-v article:hover #title-video-index{
      color:red;
  }
   .lft-v article:hover .playg-video-icon{
       opacity:0;
       transition: .3s;
   }
   .text-video-index{
       float:right;
   }
   .text-video-index p{
       padding-right:10px;
       color:#858585 ;
       font-size:12px;
   }
  .gal-main{
      width:100%;
      float:right;
      margin-top:10px;
  }
   .container-fulid{
       width:100%;
       float:right;
  display:grid;
     grid-template-columns:repeat(4,1fr);
     grid-gap:10px;
}
   .image-laz{
       width:100%;
       heighT:100%;
                 background-position: center center;
    background-size: cover;
    transform-origin: center top;
   }

   .boxing-gal{
       width:315px;
       height:190px;
       float:right;
       margin-top:10px;
       overflow:hidden;
       position:relative;
   }
   .boxing-gal:hover{
       opacity:0.8;
       transition:.3s;
}
.back-boxing-gal{
    width:100%;
    height:10%;
    position:absolute;
    opacity:0;
    z-index:100;
    bottom:0;
    background:rgba(15, 15, 15, 0.6) ;
    height:40px;
}
.boxing-gal:hover .back-boxing-gal{
    opacity:1;
    transition:.3s;
}
 .justi-gal:hover .back-boxing-gal{
    opacity:1;
    transition:.3s;
}
 .view-link-gal{
     text-align:center;
     width:100%;
     font-size:25px;
     line-height:40px !important;
     display:block;
 }
 .justi-gal{
     float:right;
    margin-top:10px;
       overflow:hidden;
       position:relative;
 }
 .justi-gal img {
     max-width:100%;
     height:100% !important;
    display:block;
    object-fit:cover;
    width:100%;
    object-position:50% 50%;
 }
 .container-grid{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     grid-auto-rows:256px 300px;
     grid-gap:10px;
 }
  .container-grid > div:nth-of-type(1){
      grid-column: 1/3;
  }
  .container-grid > div:nth-of-type(6){
      grid-column: 3/5;
  }
    .container-grid > div:nth-of-type(7){
      grid-column: 1/3;
  }
   .container-grid > div:nth-of-type(8){
      grid-column: 3/5;
  }
  .container-grid > div:nth-of-type(12){
      grid-column: 1/3;
  }
   .container-grid > div:nth-of-type(13){
      grid-column: 3/5;
  }
  .footer{
      width:100%;
      float:right;
      background:rgba(23, 23, 23, 0.9);
      padding-bottom:10px;
  }
   .copyright{
       width:100%;
       float:Right;
       margin-top:10px;
        }
   .copyright *{
       align-items:center;
       justify-content:center;
       display:flex;
       flex-wrap:wrap;
       font-size:13px;
       text-align:center;
   }
   .copyright a{
       padding-righT:6px;
   }

    #smoothup {
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 20px;
	left: 20px;
	border-radius: 6px;
	z-index: 999;
	display: none;
	background: #BA1C31;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	box-shadow: 0 4px 15px rgba(22, 22, 22, 0.3);
}
#smoothup i{
	text-align:center;
font-size:35px;
color:#E0E0E0;
width:100%;
line-height:35px;
}
html::-webkit-scrollbar {
           background-color:none;
           width:10px;
           }
html::-webkit-scrollbar {
background-color:black;
width:10px;
}
html::-webkit-scrollbar-thumb {
background-color:#FF2341;
border-radius:6px;
}
html::-webkit-scrollbar-thumb:hover {
background-color:orange ;
}
html::-o-scrollbar {
background-color:#FF2341;
width:10px;
}
html::-o-scrollbar-thumb {
background-color:#FF2341;
}
html::-o-scrollbar-thumb:hover {
background-color:orange;
}
 /* Modal Content/Box */
.search-modal-content {
  background-color:white;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 15px;
  border: 1px solid #888;
  width: 30%; /* Could be more or less, depending on screen size */
  overflow-y:auto;
  border-radius:10px;
}
.close6 {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close6:hover,
.close6:focus {
  color: red;
  text-decoration: none;
  cursor: pointer;
}
.searchmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  transition:.6s;
}
.player_fix{
    width:100%;
    position:fixed;
    bottom:10px;
      z-index:500;
}
.cen_pl{
    width:1300px;
    margin:0 auto;
}
.cen-pl-bg {
    width: 100%;
    float: right;
    background: rgba(17, 17, 18, 0.8);
    height: 60px;
    border-radius: 10px;
}
 .player_fixed_main{
     width:100%;
     float:right;
     height:70px;
      background:rgba(23, 23, 23, 0.9);
 }
  .single-page{
      width:100%;
      float:right;
      padding-bottom:20px;
  }
  .single-page-main{
      width:100%;
      float:right;
  }
   .breadcumbs{
       width:100%;
       float:right;
       background:rgba(145, 145, 145, 0.2);
       border-radius:6px;
       margin-top:20px;
   }
   .breadcumbs i{
       line-height:30px;
       padding-right:10px;
   }
   .breadcumbs p{
       float:right;
       font-size:12px;
   }
   .what-address{
       float:right;
   }
   .what-address ul li{
       float:right;
       padding:0 3px;
   }
    .what-address a{
      font-size:12px;
      padding-right:4px;
   }
    .what-address h5{
       float:right;
       font-size:12px;
   }
   .what-address a:hover{
       color:Red;
   }
    .thumbnail-single{
        width:100%;
       height:700px ;
        position:relative;
        float:left;
    }
    .thm{
        background-position: center center;
    background-size: cover;
        position:absolute;
        width:100%;
        height:700px;
        filter:brightness(.2) ;
    }
     .single-about{
         width:100%;
         float:right;
         padding-bottom:10px;
     }
    .thm-over{
        width:100%;
        height:100%;
        position:absolute;
        z-index:10;
    }
    .relative-over{
        width:100%;
        float:right;
        position:relative;
    }
.cover-music{
    width:350px;
    height:350px;
    float:left;
    margin-top:50px;
    position:relative;
}
.cover-music img{
    width:100%;
    height:100%;
    display:block;
    box-shadow:0 0 5px #000000;
}
 .divi-single{
     width:95%;
     margin:0 auto;
 }
 .content-music{
     width:65%;
     float:right;
     overflow-y:auto;
     height:600px;
     margin-top:10px;
 }
.content-music::-webkit-scrollbar {
           background-color:none;
           width:10px;
           }
.content-music::-webkit-scrollbar {
background-color:black;
width:10px;
}
.content-music::-webkit-scrollbar-thumb {
background-color:#FF2341;
border-radius:6px;
}
.content-music::-webkit-scrollbar-thumb:hover {
background-color:orange ;
}
.content-music::-o-scrollbar {
background-color:#FF2341;
width:10px;
}
.content-music::-o-scrollbar-thumb {
background-color:#FF2341;
}
.content-music::-o-scrollbar-thumb:hover {
background-color:orange;
}
.choose-label{
    width:100%;
    float:right;
    position:absolute;
    top:0;
    z-index:0;
}
 .label-single{
     float:right;
     padding:0 13px;
     background:rgba(105, 105, 105, 0.3);
     border-radius:20px;
     font-size:12px;
     margin-top:10px;
     text-align:center;
     margin-right:10px;
     z-index:100;
     border:2px solid white;
 }
 .about-pin{
     width:100%;
     float:right;
 }
 .about-pin p{
     font-size:13px;
     float:right;
     color:#858585;
     padding:0 12px;
} 
  .about-pin i{
    color:#858585;
    padding-right:5px;
  }

 .about-pin > ul > li{
     float:right;
 }
  .about-pin > ul > li a{
     font-size:13px;
     padding:0 8px;
     background:#9E1A1A ;
     border-radius:6px;
 }
 .content-pin{
     width:68%;
     float:right;
     margin-top:15px;
 }
 .content-pin *{
     line-height:40px;
     color:#DEDEDE;
 }

 .kk-star-ratings .kksr-muted{
     display:none;
 }

.content-pin a{
    color:#00C6CC;
}
.content-pin strong{
    font-weight:bold;
}
.content-pin td, tr, figure, em, ol{
    font-size:15px;
}
.title-music{
    width:100%;
    float:right;
    margin-top:10px;
}
 .title-music h2{
     font-size:20px;
     text-align:center;
     font-weighT:bold;
 }
 .lyric-box{
     width:30%;
     float:right;
     margin-top:15px;
     border-right:1px solid #3B3B3B;
     background:rgba(170, 170, 170, 0.1);
     border-radius:6px 6px 0 0;
     overflow-y:auto;
     max-height:400px;
 }
  .lyric-box h5{
      font-size:14px;
      text-align:center;
      color:#B2B2B2 ;
      width:90%;
      margin:0 auto
  }
.lyric-box p{
    font-size:15px;
    text-align:center;
    font-weight:bold;
}
.lft-musicx{
    float:left;
    width:35%;
}
 .cover-main-single{
     width:100%;
     float:right;
 }
  .star-music {
      width:100%;
     float:right;
     margin-top:15px;
  }
  .star-music p{
      text-align:center;
      font-size:15px;
      color:#B2B2B2  ;
  }
 .star-table{
     width:110px;
     margin:0 auto;
 }
  .dl-box{
      width:100%;
      float:right;
      border-radius:6px;
      padding-bottom:6px;
      margin-top:10px;
  }
  .dl-box p{
      font-size:18px;
      text-align:center;
      color:#E0E0E0;
      margin-top:10px;
  }
.dl-linkx{
    width:49%;
    float:right;
}
.dl-linkx a{
    background:#841526 ;
    border-radius:6px;
    display:block;
    font-size:14px;
    text-align:center;
    margin-top:15px;
    margin-right:10px;
    line-height:40px;
    box-shadow:0 0 6px rgba(13, 13, 13,0.6) ;
}
.row-dl-box{
    width:70%;
    margin:0 auto;
}
 .dl-linkx a:hover{
     background:#000000;
 }
    .dl-box p{
        font-size:20px;
    }
  #dl-linx a{
      background:#4409CC;
  }
 #dl-linx a:hover{
      background:#160A2E;
  }
  .sharexo{
      width:100%;
      float:right;
      background:#0A0A0A;
      border-radius:6px;
      margin-top:10px;
  }

  .sharexo h6{
      font-size:14px;
      text-align:right;
      float:right;
      padding-right:10px;
      line-height:45px;
  }
  .share-buttons{
      float:left;
      margin-top:10px;
  }
  .share-buttons a i{
      padding:0 10px;
      font-size:25px;
      text-align:right;
  }
 .share-buttons a i:hover{
     color:Red;
     transition:.3s;
 }
  .sharexo p{
      font-size:14px;
      text-align:center;
      line-height:40px;
  }
  #code-b{
      background:#9E4700;
      margin-top:20px;
  }
  .sharexo ul{
      width:100%;
      float:right;
      display:none;
  }
  .sharexo ul textarea{
      width:100%;
      height:50px;
      text-align:center;
      padding-right:5px;
      font-size:13px;
  }
   #code-b:hover{
       background:black;
   }
.video-player-single{
    width:100%;
    float:right;
    margin-top:15px;
}
.video-player-single p{
    font-size:18px;
    text-align:center;
}
 .video_element{
     width:100%;
     float:right;
     margin-top:10px;
 }
 .video_element > div{
     width:100%;
     heighT:500px;
 }

 .video_element video{
     width:100% !important;
     height:500px !important;
 }
  .vjs-big-play-button{
      left:45% !important;
      top:45% !important;
  }
 .player-single{
     width:100%;
     float:right;
 }
 .tags-single{
     width:100%;
     float:right;
     margin-top:30px;

     display:flex;
 }
 .tags-single p{
     float:right;
     font-size:16px;
 }
 .tags-single a{
     font-size:13px;
      float:right;
     padding:0 10px;
       background:#1A1A1A ;
       margin-right:10px;
        border-radius:6px;
 }
  .tags-single a:hover{
      background:#5E5E5E;
      transition:.4s;
  }
  .comments-single{
      width:100%;
      float:right;
      margin-top:60px;
      background:#0D0D0D;
      border-radius:6px;
  }
   .comments-single p{
       font-size:17px;
       text-align:right;
   }
    .user-cm1{
        float:right;
        font-size:13px;
        color:#919191 ;
    }
     .user-name-1{
           float:right;
        font-size:13px;
        padding-right:6px;
          color:#007091 ;
     }
    .exit-cm{
      font-size:13px;
        padding-right:6px;
          color:#007091 ;
    }
     #cmon textarea{
         height:200px;
         background:#1C1C1C ;
         border-radius:6px;
         font-size:15px;
         padding-top:6px;
         padding-right:10px;
         color:white;
         margin-top:10px;
         border-style:none;
     }
     #submit{
         float:right;
         margin-top:20px;
         font-size:15px;
         padding:0 12px;
         background:#263ACC ;
         border-style:none;
         border-radius:6px;
         cursor:pointer;
     }
     #submit:hover{
         background:#566DF0 ;
     }
     .rtl-cm{
         width:30%;
         float:right;
         margin-top:15px;
     }
     .lft-cm{
         width:70%;
         float:left;
         margin-top:15px;
     }
     .lft-cm textarea{
         width:100%;
     }

     #author {
         width:92%;
         float:right;
         height:40px;
         background:#1C1C1C ;
         border-radius:6px;
         font-size:15px;
         padding-right:10px;
         color:white;
         border-style:none;
         margin-top:10px;
     }
     #email {
      width:92%;
         float:right;
         background:#1C1C1C ;
         height:40px;
         border-radius:6px;
         font-size:15px;
         padding-right:10px;
         color:white;
         border-style:none;
         margin-top:20px;
     }
     #comments-wrap{
         font-size:13px;
         color:Red;
         margin-top:20px;
     }
     .avatar.avatar-64.photo {
         border-radius:100%;
         width:40px;
         height:40px;
     }
     .comment-awaiting-moderation{
         font-size:12px;
         color:#858585 ;
     }
      .comment-meta.commentmetadata{
          font-size:11px;
           color:#858585 ;
      }
       .comment-meta.commentmetadata a{
           color:#858585 ;
       }

      .reply{
          float:right;
          width:100%;
      }

       .reply a{
           float:left;
           padding:0 12px;
           background:#CC202E;
           font-size:13px;
           border-radius:6px;
       }
      .comments-single p em{
          padding:0 10px;
          background:#027532 ;
          border-radius:30px;
          font-size:12px;
      }
      #respond{
          width:100%;
          float:right;
          margin-top:20px;
      }
     .children{
      width:100%;
      float:right;
      margin-top:10px;
  }
   .comment.byuser.comment-author-admin.bypostauthor{
   	border-radius: 20px;
  border-top: 2px solid cyan;
    width:60%;
    margin:0 auto;
    padding-top:10px;
  }
       .comment-author.vcard img{
           margin-right:10px;
       }
    .comment-awaiting-moderation {
    font-size: 15px;
}
.related-tracks{
    width:100%;
    float:right;
    margin-top:50px;
}
 .related-tracks > p{
     font-size:17px;
     text-align:right;
 }
  .body-rel{
      width:100%;
     float:right;
  }
   .s-postx-index{
       width:200px;
   }
.title_search_head{
    width:100%;
    float:right;
    margin-top:10px;
}
.search-main{
    width:100%;
    float:right;
    background:rgba(15, 15, 15, 0.5);
    padding-bottom:10px;
}

.title_search_head h2{
    font-size:18px;
    text-align:center;
}
.count_searchx{
    font-size:15px;
    color:red;
    text-align:center;
}
.body-search{
    width:100%;
    float:right;
    margin-top:20px;
}
 .no_resluts{
     font-size:17px;
     text-align:center;
     color:red;
     margin-top:50px;
 }
  .result-bg{
      width:100%;
      height:90%;
      float:right;
  }
.flex-box{
    width:100%;
    flex-wrap:wrap;
    display:flex;
}
.rtl .asl_content, .rtl .asl_nores, .rtl .asl_content *, .rtl .asl_nores *, .rtl .searchsettings form{
    color:#696969;
}
.asl_res_url{
    color:#363636 !important;
}
.loadmore-link{
    width:100%;
    float:right;
    margin-top:20px;
    display:flex;
    flex-wrap:wrap;
}
.loadmore-link ul li{
    float:right;
}
 .page-numbers{
    background:#1A1A1A;
    border-radius:6px;
        padding:2px 10px;
    font-size:13px;
    margin-right:6px;
 }
 .page-numbers.current{
     background:#CC2435 ;
 }
 .page-numbers:hover{
     background:#CC2435;
 }
  #post-music-box{
      float:right;
      margin-right:15px;  
  }
  #post-music-main{
      float:right;
  }
   .page-404{
       width:100%;
       float:right;
       background:rgba(240, 23, 41, 0.5);
       height:100%;
   }
   .title-404{
       text-align:center;
       font-size:100px;
   }
  .page-404-center{
      width:100%;
      float:right;
      margin-top:140px;
  }
  .page-404-center p{
      text-align:center;
      font-size:18px;
      margin-top:40px;
  }
  .page-404-center h6{
      text-align:center;
      font-size:17px;
      margin-top:20px;
      color:#FFFFFF;
      font-weight:bold;
  }
  .btn-homex{
      width:120px;
      margin:30px auto;
  }

  .page-404-center a{
      float:right;
      background:white;
      border-radius:20px;
      padding:0 12px;
      font-size:15px;
      color:black;
  }
  .page-404-center a:hover{
      color:red;
      transition:.3s;
  }
  .blog-widget{
      width:100%;
      float:right;
      background:rgba(15, 15, 15, 0.7) ;
      padding-bottom:10px;
  }
   .title-blog-widget{
       width:100%;
       float:right;
       margin-top:20px;
   }
   .title-blog-widget h2{
       font-size:32px;
       text-align:center;
   }
    .body-blog-widget{
        width:100%;
        float:right;
        margin-top:15px;
        display:flex;
        flex-wrap:wrap;
    }
.body-blog-widget article{
    float:right;
    margin-top:10px;
    width:33.3%;
}
.row-blog{
    width:98%;
    margin:0 auto;
}
.cover-blog-eng{
    width:100%;
    float:right;
    height:230px;
    overflow:hidden;
}
 .cover-blog-eng img{
     width:100%;
     height:100% !important;
 }
 .row-blog:hover .title-blog-eng a{
     color:red;
     transition:.4s;
 }

 .title-blog-eng{
     width:100%;
     float:right;
     margin-top:10px;
 }
  .title-blog-eng a{
      font-size:18px;
      text-align:right;
  }
   .title-blog-eng h5{
      font-size:13px;
      text-align:right;
      color:#B2B2B2;
  }
  .title-blog-eng h6{
      font-size:12px;
      text-align:right;
      color:#8A8A8A;
  }
  .title-blog-eng h6 i{
      color:#8A8A8A;
  }
  .loadmore-blog{
      width:100%;
      float:right;
      margin-top:30px;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
  }
  .loadmore-blog a{
      padding:0 19px;
      font-size:15px;
      text-align:center;
      float:right;
      background:#008CCC ;
      border-radius:20px;
      line-height:40px;
  }
  #s-posts-albumx{
      width:200px;
      float:right;
      margin-right:15px;
  }
#project-inner{
    width:200px;
}
#content-pin{
    width:100%;
}
 .news-rel{
     width:320px;
     margin-top:10px;
 }
 .news-rel-thumb{
     width:100%;
     height:190px;
 }
 .news-rel-thumb img{
     width:100%;
     height:100%;
     display:block;
 }
 .title-news-rel{
     width:100%;
     float:right;
     margin-top:5px;
 }
.title-news-rel a{
    font-size:15px;
    text-align:right;
}
.news-rel:hover .title-news-rel a{
    color:Red;
    transition:.3s;
}
.title-news-rel p{
    font-size:12px;
    color:#8F8F8F;
}
.title-news-rel i{
    color:#8F8F8F;
}
   div.flex-box > article{
       width:33.3%;
       float:right;
   }
#cv-blog{
    position:relative;
}
#cv-blog img{
    position:absolute;
}
 .label-search{
     position:absolute;
     right:10px;
     top:10px;
     background:rgba(105, 105, 105,0.3);
     border-radius:6px;
     z-index:100;
     border:2px solid white;
     font-size:13px;
     padding:0 10px;
 }
 .namad-footer{
     width:100%;
     float:right;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     justify-content:center;
     margin-top:15px;
 }
 .welcome-nava-display{
     width:100%;
     float:right;
     height:100%;
     background:rgba(0, 0, 0, 0.7);
 }
  .welcome-nava-display p:nth-child(1){
      font-size:25px;
      color:white;
  }

 .welcome-nava-display p{
     font-size:18px;
     text-align:center;
     color:#B2B2B2 ;
     margin-top:40px;
 }
 .welcome-nava-display a{
     display:block;
     text-align:center;
     font-size:15px;
 }
.link-builder{
    width:100%;
    float:right;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
}
.link-builder a{
    text-align:center;
    font-size:15px;
    padding:0 16px;
    background:#C13AFF;
    border-radius:10px;
    margin-top:50px;
}
.link-builder a:hover{
    background:#CC1C39 ;
}
.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}
.page-nava{
    width:100%;
    float:right;
    background:rgba(0, 0, 0, 0.4);
    padding-bottom:10px;
}
.page-nava img{
    max-width:100%;
    height:auto;
}
.page-nava input{
    border-radius:6px;
    background:#CCCCCC;
    font-size:15px;
    color:#212121;
    border:1px solid black;
}
.page-nava textarea{
    border-radius:6px;
    background:#CCCCCC;
    font-size:15px;
    color:#212121;
    border:1px solid black;
}
.title-paige{
    width:100%;
    float:right;
    margin-top:10px;
    padding-bottom:40px;
}
.title-paige h2{
    font-size:24px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding:0 10px;
    cursor:pointer;
    background:#CC173E ;
    border-radius:7px;
    line-height:40px;
    color:white;
    margin-top:10px;
}
 .page-nava strong{
     font-weight:bold;
 }
.page-nava ul li{
  display:list-item;
}
  .page-nava ul{
      list-style-type:disc;
  }
.rate-musics{
      width:25%;
      float:right;
      margin-top:10px;
  }
  .rate-musics-star{
      width:95%;
      margin:0 auto;
  }
  .star-musics-months{
      width:100%;
      float:right;
      border-radius:6px;
      background:#17181c ;
      height:100px;
      overflow:hidden;
  }
     .title-str{
       float:right;
       width:68%;
       margin-top:10px;
   }
     .title-str h2{
       font-size:14px;
       text-align:right;
       padding-right:8px;
   }
      .title-str h3{
       font-size:12px;
       text-align:right;
       padding-right:8px;
       color:#BFBFBF;
   }
   .star-musics-months:hover .title-str a{
       color:red;
       transition:.3s;
   }
   .star-musics-months:hover .title-str h2{
       color:red;
       transition:.3s;
   }
   .title-str p{
       font-size:12px;
       text-align:right;
       padding-right:8px;
       color:#8F8F8F;
   }
   .img-str{
       width:32%;
       float:left;
       height:100px;
       position:relative;
   }
   .img-str img{
       width:100%;
       height:100%;
       display:block;
       border-radius:6px 0 0 6px ;
       position:absolute;
   }
   .play-str{
       position:absolute;
       width:100%;
       height:100%;
       background:rgba(6, 5, 10, 0.5);
       z-index:100;
       right:0;
   }
  .play-str i{
      font-size:50px;
      text-align:center;
      width:100%;
      line-height:100px;
      display:block;
      color:#A8A8A8;
  }
   .img-str:hover .play-str{
       right:100%;
       transition:.6s;
   }

   .link-str{
       padding-right:6px;
       font-size:14px;
   }
  .boot-menu{
    width:50px;
    margin-top:3px;
    float:right;
    position:relative;
    display:none;
}
   .toggler{
	position:absolute;
	top:0.5rem;
	width:45px;
	heighT:45px;
	border-radius:50%;
	opacity:0;
	z-index:300;
	cursor:pointer;
}
.mobile-gajets{
		position:absolute;
	width:40px;
	heighT:40px;
	cursor:pointer;
		display:flex;
	justify-content:center;
	align-items:center;
	z-index:200;

}
.mobile-gajets > div{
   position:absolute;
	width:28px;
	heighT:3px;
	border-radius:1.5px;
	background-color:white;
	transition:.4s;
	top:46%;
	right:20%;
    z-index:800;
}
.menu-index{
		z-index:999;
		position:absolute;
	}
.mobile-gajets > div:before, .mobile-gajets > div:after{
	content:'';
   position:absolute;
	width:100%;
	heighT:3px;
	border-radius:1.5px;
	background-color:white;
}
.mobile-gajets > div:before{
	top:-10px;
}
.mobile-gajets > div:after{
	top:10px;
}
.toggler:checked + .mobile-gajets > div{
	transform: rotate(135deg);
}
.toggler:checked:hover + .mobile-gajets > div{
	transform: rotate(225deg);
}
.toggler:checked + .mobile-gajets > div:after, .toggler:checked + .mobile-gajets > div:before{
	transform:rotate(90deg);
	top:0;
}
.navigations{
	position:fixed;
	top:0;
	right:0;
	transition:.6s;
	visibility: hidden;
	width:100%;
	height:100%;
	background:rgba(34, 34, 34, 0.8);
    z-index:130;
}
.navigations > div{
   	position:absolute;
	width:60%;
	height:100%;
	top:0%;
	right:0;
	transform: translateX(150%) translateY(0);
	background:rgba(28, 28, 28, 0.5);
	transition:.6s;
	display:flex;
		justify-content:center;
	align-items:center;
		z-index:999;
		overflow-y:auto;
		box-shadow:0 0 6px #000000;
        max-width:230px;
}
.has-child-mo > a::after{
       font-family:"FontAwesome";
       color:#5E5E5E ;
       content:"\f107";
       margin-right:5px;
 }
  .has-child-mo1 > a::after{
       font-family:"FontAwesome";
       color:#424242 ;
       content:"\f107";
       position:absolute;
       left:6px;
 }
 .has-child-mo2 > a::after{
       font-family:"FontAwesome";
       color:#424242 ;
       content:"\f107";
       position:absolute;
       left:6px;
 }
  .has-child-mo3 > a::after{
       font-family:"FontAwesome";
       color:#424242 ;
       content:"\f107";
       position:absolute;
       left:6px;
 }
.nvx > div > ul > li > a{
	display:block;
	color:white;
	font-size:13px;
	line-height:30px;
	padding:2px 10px ;
	transition:.3s;
	text-align:right;
	position:relative;
	border-bottom:1px solid #4F4A4A;

}

.nvx > div > ul > li > ul{
   width:100%;
   background:#171717;
   display:none;
   transition:.4s;

}
.nvx > div > ul > li > ul > li > a{
	display:block;
	color:white;
	font-size:12px;
	line-height:30px;
	margin-top:6px;
    padding-right:5px;
	text-align:right;

}
.nvx > div > ul > li > ul > li a:hover{
	color:#6666FF;
	transition:.3s;
}

.nvx > div > ul > li > a:hover{
	transition:all .2s ease-in;
	background:#FF3D3D;
	padding-right:10px;
}
.toggler:checked ~ .navigations{
	visibility:visible;
}
.toggler:checked ~ .navigations > div{
   	transform:translateX(0) translateY(0);
}
.toggler:checked ~ .navigations > div > div{
  opacity:1;
}
.nav-mo{
	width:100%;
	position:absolute;
	top:18%;
	right:0;
	left:0;
}
.nvx > div > ul > li > ul > li:hover .nvx > div > ul > li > a{
	color:Red;
}
.nvx > div > ul > li > ul > li > ul{
   width:100%;
   background:#242424;
   display:none;
   transition:.4s;

}
 .nvx > div > ul > li > ul > li > ul > li > ul{
   width:100%;
   background:#2B2B2B;
   display:none;
   transition:.4s;

}
.nvx > div > ul > li > ul > li > ul > li > ul > li > ul{
   width:100%;
   background:#363636;
   display:none;
   transition:.4s;

}
  .nvx > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul{
   width:100%;
   background:#3B3B3B;
   display:none;
   transition:.4s;

}
   .nvx > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul{
   width:100%;
   background:#2B2B2B;
   display:none;
   transition:.4s;

}
.nvx > div > ul > li > ul > li > ul > li > a{
	display:block;
	color:#CFCFCF;
	font-size:12px;
	line-height:30px;
	margin-top:6px;
     padding-right:5px;
	text-align:right;

}
.nvx > div > ul > li > ul > li > ul > li > a:hover{
	color:#6666FF;
	transition:.3s;
}
.nvx > div > ul > li > ul > li > ul > li > ul > li > a{
	display:block;
	color:#CFCFCF;
	font-size:12px;
	line-height:30px;
	margin-top:6px;
	text-align:right;
     padding-right:5px;

}
 .nvx > div > ul > li > ul > li > ul > li > ul > li > ul > li > a{
	display:block;
	color:#CFCFCF;
	font-size:12px;
	line-height:30px;
	margin-top:6px;
	text-align:right;
    padding-right:5px;

}
.nvx{
    float:right;
    width:100%;
}

.s-forms {
	position: relative;
	width: 95%;
	margin: 0 auto;
}
.s-forms input{
	width:95%;
	height:30px;
	margin-top:8px;
	position:relative;
	background:#EBEBEB;
	color:#474747;
	font-size:13px;
	text-align:right;
	padding-right:10px;
	border-radius:10px;
	border-style:none;
	margin-right:6px;
}
.s-forms button{
	width:30px;
   line-height:30px;
   height:30px;
   	background:none;
	margin-top:5px;
	position:absolute;
	color:#858585;
	font-size:16px;
	border-style:none;
	left:10px;
	top:2px;
	cursor:pointer;
}
 .has-child-mo > a::after{
       font-family:"FontAwesome";
       color:#5E5E5E ;
       content:"\f107";
       margin-right:5px;
 }
  .has-child-mo1 > a::after{
       font-family:"FontAwesome";
       color:#424242 ;
       content:"\f107";
       position:absolute;
       left:6px;
 }
 .has-child-mo2 > a::after{
       font-family:"FontAwesome";
       color:#424242 ;
       content:"\f107";
       position:absolute;
       left:6px;
 }
  .has-child-mo3 > a::after{
       font-family:"FontAwesome";
       color:#424242 ;
       content:"\f107";
       position:absolute;
       left:6px;
 }
 .s-forms{
     width:100%;
     float:right;
 }
 .s-forms img{
     max-width:100%;
     height:auto;
 }
 .no-posts-yet{
     font-size:15px;
     text-align:center;
     color:red;
 }
 .lyric-box::-webkit-scrollbar {
           background-color:none;
           width:10px;
           }
.lyric-box::-webkit-scrollbar {
background-color:black;
width:10px;
}
.lyric-box::-webkit-scrollbar-thumb {
background-color:#FF2341;
border-radius:6px;
}
.lyric-box::-webkit-scrollbar-thumb:hover {
background-color:orange ;
}
.lyric-box::-o-scrollbar {
background-color:#FF2341;
width:10px;
}
.lyric-box::-o-scrollbar-thumb {
background-color:#FF2341;
}
.lyric-box::-o-scrollbar-thumb:hover {
background-color:orange;
}
 div.asl_r .results .item .asl_image {
    float: right !important;
}
div.asl_r .results .item .asl_content {
    text-align: right !important;;
}
 div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
    padding-right: 5px !important;
}