*{
        margin:0;
        padding:0;
      }

      ::selection{
         background: #7ac144;
      }
      html,body{
        margin:0px;
        padding:0px;
        background-color:#201C6F;
        color:white;
        font-family: 'fs_me';
        overflow: hidden;
        height:100%;
        letter-spacing: 1px;
        font-size: 18px;
      }
      a:link{
        color:#fff;
        text-decoration: none;
      }
      a:visited{
        color:#fff;
        text-decoration: none;
      }
      a:hover{
         text-decoration: underline;
      }
    
      #ArtistImage{
        width:100%;
        height:100%;
        position: fixed;
        z-index:5;
      }

      #ArtistImage img{
        /*position: absolute;*/
      }
      input {
        outline: none; 
      }
      label{
        width:100px;
        display: inline-block;
      }
      #col div{
       margin: 0 auto;
       display: inline-block;
       text-align: left;
      line-height: 24px;
      }

      #_submit{
        cursor: pointer;
      }
    
      #_submit:hover{
        text-decoration: underline;
      }
     
     
      #footer #col div:first-child{
        
        width:211px;
        position: relative;
      }

      input[type=email]{
        width:182.991px;
        height:25.499px;
        margin-left: 0px;
        position:absolute;
        margin-top: -5px;
        padding-left:4px; 
      }

      input[type=submit]{
        display:none;
          width:100px;

          background-color: transparent;
          border: none;

          color:white;
        
           font-family: 'fs_me';
      }


        .btn_rbma{
          margin-top:20px;float:left;width:25%;text-align:center;margin-left: -42px;
        }

          .social_media a{
              display: block;
          }
#global{
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;

}
form{margin-top: 17px;}
#cf4a {
  position:absolute;
  height:100%;
  width: 100%;
  margin:0 auto;
  z-index: 9;

}
#cf4a .fade{
  position:absolute;
  left:0;
  width:100%;
  height:100%;

  opacity:0;
}

#cf4a .fade {
  -webkit-animation-name: cf4FadeInOut;

  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 9s;

  -moz-animation-name: cf4FadeInOut;

  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 9s;

  -o-animation-name: cf4FadeInOut;

  -o-animation-iteration-count: infinite;
  -o-animation-duration: 9s;

  animation-name: cf4FadeInOut;
  animation-iteration-count: infinite;
  animation-duration: 9s;
}
#cf4a .fade img{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
}


#cf4a .fade:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;

 
}
#cf4a .fade:nth-of-type(1) img {
  width:30%;
  height:30%;
}


#cf4a .fade:nth-of-type(2) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;


}
#cf4a .fade:nth-of-type(2) img {
  width: 75%;
height: 75%;
}


#cf4a .fade:nth-of-type(3) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;


}
#cf4a .fade:nth-of-type(3) img {
  width: 60%;
  height: 60%;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 

  /*==========  Mobile First Method  ==========*/
 
  /* Custom, iPhone Retina */
  @media only screen and (min-width : 320px){
   #footer .mobile{
      display: none;
     }
  }
 
  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px){
    #menu{
      width:calc(100% - 40px);
      padding:20px;
      position: absolute;
      z-index: 10;
      font-size:0.8em;
    }

    #menu #col{
      width:100%;
      height:25%;
      float:none;
      margin: 0 auto;
      text-align: left;
    }
    #footer #col{
      text-align:center;
      width:25%;
        float: left;
    }

    #footer{
      position:absolute;
      width: calc(100% - 40px);
      padding: 20px;
      bottom: 20px;
      z-index: 10;

    }
  

     #menu .mobile{
      display: none;
     }
     #footer .mobile{
      display: block;
     }
     #footer .mobile2{
        display: none;
     }
  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px){
    #menu{
      width:calc(100% - 40px);
      padding:20px;
      padding-top:40px;
      position: absolute;
      z-index: 10;
      font-size:0.7em;
    }

   
      #menu #col{
        width:25%;
        height:25%;
        float:left;
        margin: 0 auto;
        text-align: center;
      }
      #footer #col{
         text-align:center;
        width:25%;
          float: left;
      }
      #menu .mobile{
       display: block;
      }
      #footer .mobile{
       display: none;
      }
      #footer .mobile2{
         display: block;
      }
      #footer{
        position:absolute;
        width: calc(100% - 40px);
        padding: 20px;
        bottom: 20px;
        z-index: 10;
      }
  }
 
  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px){
    #menu{
      width:calc(100% - 40px);
      padding:20px;
      padding-top:40px;
      position: absolute;
      z-index: 10;
      font-size:0.9em;
    }
       #menu #col{
         width:25%;
         height:25%;
         float:left;
         margin: 0 auto;
         text-align: center;
       }

       #footer #col{
          text-align:center;
         width:25%;
           float: left;
       }
       #footer{
         position:absolute;
         width: calc(100% - 40px);
         padding: 20px;
         bottom: 20px;
         z-index: 10;
       }
  }
 
  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px){
    #menu{
      width:calc(100% - 40px);
      padding:20px;
      padding-top:40px;
      position: absolute;
      z-index: 10;
      font-size:0.9em;
    }
     #menu #col{
       width:25%;
       height:25%;
       float:left;
       margin: 0 auto;
       text-align: center;
     }


     #footer #col{
        text-align:center;
          width:25%;
         float: left;
     }

     #footer{
       position:absolute;
       width: calc(100% - 40px);
       padding: 20px;
       bottom: 20px;
       z-index: 10;
         font-size:0.9em;
     }
  }
 
 
 
  /*==========  Non-Mobile First Method  ==========*/
 
  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1200px){
      #menu{
        width:calc(100% - 40px);
        padding:20px;
        padding-top:40px;
        position: absolute;
        z-index: 10;
        font-size:0.9em;
      }
       #menu #col{
         width:25%;
         height:25%;
         float:left;
         margin: 0 auto;
         text-align: center;
       }

       #footer #col{
         text-align:center;
         width:25%;
           float: left;
       }
       #footer{
         position:absolute;
         width: calc(100% - 40px);
         padding: 20px;
         bottom: 20px;
         z-index: 10;
           font-size:0.9em;
       }
  }
 
  /* Medium Devices, Desktops */
  @media only screen and (max-width : 992px){
    #menu{
      width:calc(100% - 40px);
      padding:20px;
      padding-top:40px;
      position: absolute;
      z-index: 10;
      font-size:0.8em;
    }
       #menu #col{
         width:25%;
         height:25%;
         float:left;
         margin: 0 auto;
         text-align: center;
       }

       #footer #col{
        text-align:center;
         width:25%;
           float: left;
       }
       #footer{
         position:absolute;
         width: calc(100% - 40px);
         padding: 20px;
         bottom: 20px;
         z-index: 10;
               font-size:0.8em;
       }
  }
 
  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px){
    #menu{
      width:calc(100% - 40px);
      padding:20px;
      padding-top:40px;
      position: absolute;
      z-index: 10;
      font-size:0.8em;
    }
    .btn_rbma{
      margin-top:30px;float:left;width:100%;text-align:center;margin-left:-20px;
    }
       #menu #col{
         width:33%;
         height:25%;
         float:left;
         margin: 0 auto;
         text-align: center;
       }

       #footer #col{
         text-align:center;
         width:33%;
        float: left;
       }
       #menu .mobile{
        display: none;
       }
       #footer .mobile{
        display: block;
       }
       #footer .mobile2{
          display: none;
       }
       #footer{
         position:absolute;
         width: calc(100% - 40px);
         padding: 20px;
         bottom: 10px;
         z-index: 10;
        font-size:0.8em;
       }
  }
 
  /* Extra Small Devices, Phones */
  @media only screen and (max-width : 480px){
   #menu{
    width:calc(100% - 40px);
    padding:0 20px;
    height:100%;
    position: absolute;
    z-index: 10;
    font-size:0.7em;
  }

  #menu #col{
    width: 100%;
    height: 40px;
    float: none;
    margin: 0 auto;
    text-align: left;
  }

   #menu .mobile{
        display: block;
       }
       #footer .mobile{
        display: none;
       }
       #footer .mobile2{
          display: block;
       }
  #menu #col.top1{
      margin-top:20px;
  }

  #menu #col.top2{
      margin-top: 7px;
  }
  #menu #col.bottom1{
      position:absolute;
      bottom:195px;
      width:200px;
  }

  #menu #col.bottom2{
      position:absolute;
      bottom: 144px;
    width: 200px;
  }
  #footer #col{
    text-align:center;
    width:25%;
    float:left;
  }

  #footer{
    position: absolute;
    width: 100%;
    padding-bottom: 0px;
    bottom: 20px;
    z-index: 10;
        font-size:0.7em;
  }

  #cf4a{
    margin-top: -16px;
  }
#col div {

line-height: 20px;
}

      label{
        width:86px;
        display: inline-block;
      }

       input[type=submit]{
        display:none;
          width:86px;

          background-color: transparent;
          border: none;

          color:white;
          font-size:1em;
           font-family: 'fs_me';
      }
  }
 
  /* Custom, iPhone Retina */
  @media only screen and (max-width : 320px){
  #menu{
    width:calc(100% - 40px);
    padding:0 20px;
    height:100%;
    position: absolute;
    z-index: 10;
    font-size:0.7em;
  }
  #footer .mobile{
      display: none;
     }
  #menu #col{
    width: 100%;
    height: 40px;
    float: none;
    margin: 0 auto;
    text-align: left;
  }
  #menu #col.top1{
  		margin-top:20px;
  }

  #menu #col.top2{
  		margin-top: 7px;
  }
  #menu #col.bottom1{
  		position:absolute;
  		 bottom:195px;
      width:200px;
  }

  #menu #col.bottom2{
  	     position:absolute;
      bottom: 144px;
        width:200px;
  }
  #footer #col{
    text-align:center;
    width:25%;
    float:left;
  }

  #footer{
   position: absolute;
    width: 100%;
    padding-bottom: 0px;
    bottom: 20px;
    z-index: 10;
        font-size:0.7em;
  }

  #cf4a{
    margin-top: -16px;
  }
#col div {

line-height: 20px;
}

      label{
        width:86px;
        display: inline-block;
      }

       input[type=submit]{
        display:none;
          width:86px;

          background-color: transparent;
          border: none;

          color:white;
          font-size:1em;
           font-family: 'fs_me';
      }
}


  @font-face {
    font-family: 'fs_me';
    src: url('./_fonts/fsme-webfont.eot');
    src: url('./_fonts/fsme-webfont.eot?#iefix') format('embedded-opentype'),
         url('./_fonts/fsme-webfont.woff2') format('woff2'),
         url('./_fonts/fsme-webfont.woff') format('woff'),
         url('./_fonts/fsme-webfont.ttf') format('truetype'),
         url('./_fonts/fsme-webfont.svg#fs_me') format('svg');
    font-weight: normal;
    font-style: normal;

}


@-webkit-keyframes cf4FadeInOut {

   /* Images 3, Delay 3s, 
   Fade 0.2s, Duration 9s */
     0% {opacity:1} 
   26% {opacity:1} 
   33.333% {opacity:0} 
   92.667% {opacity:0} 
   100% {opacity:1}
   
}

@-moz-keyframes cf4FadeInOut {
    0% {opacity:1} 
   26% {opacity:1} 
   33.333% {opacity:0} 
   92.667% {opacity:0} 
   100% {opacity:1}
}

@-o-keyframes cf4FadeInOut {
   0% {opacity:1} 
   26% {opacity:1} 
   33.333% {opacity:0} 
   92.667% {opacity:0} 
   100% {opacity:1}
}

@keyframes cf4FadeInOut {
  0% {opacity:1} 
   26% {opacity:1} 
   33.333% {opacity:0} 
   92.667% {opacity:0} 
   100% {opacity:1}
}