/*
 * Bold Application level overrides
 * (things that dont make sense in a toolkit :)
 * copyright @colossal 2015
 */

/* main app navbar */
.app-navbar {
  position: absolute;
  z-index: 2;
  width: 100%;
}
.app-navbar .icon {
  margin-right: 5px;
  font-size: 25px !important;
}

/* wayne */
.app-block-hhero {
  background-color: #000;
  padding: 3px;
}
.app-block-wayne .row {
  margin-bottom: 75px;
}

/* music grid */
.app-block-grid {
  margin-top: -25px;
}
.app-block-grid .container {
  position: relative;
  top: -75px;
  z-index: 2;
}
.app-block-grid img {
  width: 100%;
}


/* chainz block */
.app-block-chainz {
  z-index: 5;
}
.app-block-chainz .block-bg {
  border-bottom: 10px solid #eee04a;
}


/* kanye block */
.app-block-kanye {
  z-index: 4;
}
.app-block-kanye .block-bg {
  border-bottom: 10px solid #ff3167;
}


/* mosdef block */
.block-app-mosdef {
  z-index: 3;
  margin-bottom: -25px;
}
.block-app-mosdef .block-bg {
  border-bottom: 10px solid #eee04a;
}


/* nicki */
.app-block-nicki {
  background-color: #e7e9d4;
}
.app-block-nicki h4 {
  font-weight: 400;
}

/* video start */

header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

#herobtn{
  display: absolute;
  margin-top: 30%;
}

/* @media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
} */

#rlogo{

  width: 65vw;

}



/* video end */

/* btn start  */

.heading-btn{
  display:block;
  position: relative;


}

/*btn2*/
.btn2:link,
.btn2:visited{
    text-transform: uppercase;
    text-decoration: none;
    padding:5px 18px;
    display:inline-block;
    border-radius:100px;
    transition: all .2s;
    position :relative;
    /* margin-top: 20px; */
}

.btn2:hover{
    transform:translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
}

.btn2:active{
    transform:translateY(-1px);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.btn2-white{
    background-color:#fff;
    color:#777;
    height:30px;
}

.btn2::after{
    content:"";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn2-white::after{
    background-color: #fff;
}

.btn2:hover::after{
    transform: scaleX(1.4) scaleY(1.6);
    opacity:0;
}

/* btn end  */


/* footer start  */

.ftco-vh-100 {
  height: 100vh; }
  @media (max-width: 1199.98px) {
    .ftco-vh-100 {
      height: inherit;
      padding-top: 5em;
      padding-bottom: 5em; } }

.ftco-animate {
  opacity: 0;
  visibility: hidden; }

.bg-primary {
  background: #033fff !important; }

.about-author .desc h3 {
  font-size: 24px; }

.ftco-section {
  padding: 7em 0;
  position: relative; }
  @media (max-width: 767.98px) {
    .ftco-section {
      padding: 6em 0; } }

.ftco-no-pt {
  padding-top: 0 !important; }

.ftco-no-pb {
  padding-bottom: 0 !important; }

.ftco-bg-dark {
  background: #3c312e; }



.ftco-footer {
  font-size: 16px;
  background: #0d0e0f;
  padding: 7em 0;
  z-index: 0; }
  .ftco-footer .ftco-footer-logo {
    text-transform: uppercase;
    letter-spacing: .1em; }
  .ftco-footer .ftco-footer-widget h2 {
    font-weight: normal;
    color: #fff;
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 600; }
  .ftco-footer .ftco-footer-widget ul li {
    margin-bottom: 10px; }
    .ftco-footer .ftco-footer-widget ul li a {
      color: rgba(255, 255, 255, 0.6); }
      .ftco-footer .ftco-footer-widget ul li a span {
        color: rgba(255, 255, 255, 0.6); }
  .ftco-footer .ftco-footer-widget .btn-primary {
    background: #fff !important;
    border: 2px solid #fff !important; }
    .ftco-footer .ftco-footer-widget .btn-primary:hover {
      background: #fff;
      border: 2px solid #fff !important; }
  .ftco-footer p {
    color: rgba(255, 255, 255, 0.7); }
  .ftco-footer a {
    color: rgba(255, 255, 255, 0.7); }
    .ftco-footer a:hover {
      color: #fff; }
  .ftco-footer .ftco-heading-2 {
    font-size: 17px;
    font-weight: 400;
    color: #000000; }

.ftco-footer-social li {
  list-style: none;
  margin: 0 10px 0 0;
  display: inline-block; }
  .ftco-footer-social li a {
    height: 50px;
    width: 50px;
    display: block;
    float: left;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    position: relative; }
    .ftco-footer-social li a span {
      position: absolute;
      font-size: 26px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .ftco-footer-social li a:hover {
      color: #fff; }

.footer-small-nav > li {
  display: inline-block; }
  .footer-small-nav > li a {
    margin: 0 10px 10px 0; }
    .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {
      color: #033fff; }

.media .ftco-icon {
  width: 100px; }
  .media .ftco-icon span {
    color: #033fff; }

.address2{
  color: rgba(255, 255, 255, 0.7);
}

.info2{
  margin-left: -30px;
  margin-right: 10px;

}

li{
  list-style: none;
}


/* footer end  */

/* responsive start  */

@media only screen and (min-width: 600px)  { 

  #rlogo{
    width:40vw;
    margin-top:-8vh;
    
  }

  .heading-btn{
    margin-top:-4vh;
  
  
  }
}

@media only screen and (min-width: 800px)  { 

    #rlogo{
      width:40vw;
    }

    .heading-btn{
      margin-top:-6vh;
    
    
    }
    
    /*btn2*/
    .btn2:link,
    .btn2:visited{
        padding:15px 28px;
    }
    
    .btn2-white{
        height:50px;
    }
}

@media only screen and (min-width: 1000px)  { 

  #rlogo{
    width:40vw;
    margin-top:-9vh;
  }

  .heading-btn{
    margin-top:-6vh;
  
  
  }
  
  /*btn2*/
  .btn2:link,
  .btn2:visited{
      padding:15px 28px;
  }
  
  .btn2-white{
      height:50px;
  }
}

@media only screen and (min-width: 1200px)  { 

  #rlogo{
    width:40vw;
    margin-top:-20vh;
    
  }

  .heading-btn{
    margin-top:-10vh;
  
  
  }
  .btn2:link,
  .btn2:visited{
      padding:15px 28px;
  }
  
  .btn2-white{
      height:50px;
  }


}

@media only screen and (min-width: 1400px)  { 

  #rlogo{
    width:40vw;
    margin-top:-20vh;
    
  }

  .heading-btn{
    margin-top:-18vh;
  
  
  }
  .btn2:link,
  .btn2:visited{
      padding:15px 28px;
  }
  
  .btn2-white{
      height:50px;
  }


}

/* reesponsive end  */

/* final styles start  */

.ndprice{
  margin-left: 20px;
  margin-top: 5px;
}


/* final styles end  */