body 
{
    
    background-color: #bba388;
    
    color: #060b0e;
   
    cursor: url('../gfx/fracturus-cursor.png'), auto !important;
    
    background-image: url('../gfx/background.png');
    background-repeat: no-repeat;
    background-position-y: 00px;
    background-size: 100%;
    background-attachment: fixed;
    
}

body a
{
    
    cursor: url('../gfx/fracturus-cursor-pointer.png'), auto !important;
    
}

.page-content
{

    color: #fff;
    
    padding: 3rem 1.5rem;
    text-align: center;
        
}

.loading-indicator-dark,
.loading-indicator-bright
{
    
    background-image: url('../gfx/loading_indicator_bright.gif');
    background-repeat: no-repeat;
    background-position: left center;
    
    min-width: 24px;
    min-height: 24px;
    
    display: inline-block;
    
    padding-left: 36px;
    
}

.loading-indicator-dark
{
    
    background-image: url('../gfx/loading_indicator_dark.gif');
    
}

#img-logo
{
    
    width: 40%;
    height: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    
}

#img-album
{
    
    width: 60%;
    height: auto;
    
    border: 12px solid rgba(255,255,255,0.1);
    
    animation-timing-function: ease-in;
    animation: glowPulse 4s infinite ease-in-out alternate backwards, rotationY 20s infinite ease-in-out;
    
}

#img-album:hover
{
    
    animation: none;
    box-shadow: 0px 0px 40px 40px rgba(187, 163, 136, .5);
    
}

@keyframes glowPulse
{
    
    0%, 
    {

        box-shadow: 0px 0px 40px 40px rgba(187, 163, 136, 0);

    }

    100% 
    {
        
        box-shadow: 0px 0px 40px 40px rgba(187, 163, 136, .5);

    }
    
}

@keyframes rotationY 
{
    
    0%, 50%, 100%
    {
        
        transform: perspective(300px) rotateY(0deg);
        
    }
    
    25%
    {
        
        transform: perspective(300px) rotateY(-2deg);
        
    }
    
    75%
    {
        
        transform: perspective(300px) rotateY(2deg);
        
    }
    
}

#img-album:hover
{
    
    border-color: white;
    
}

.fracturus-video
{
    
    width: 28%;
    height: auto;
    min-height: 120px;
    
    border: 12px solid rgba(255,255,255,0.1);
    
}

.fracturus-video-prominent
{

    width: 56%;
    min-height: 420px;
    margin-bottom: 6px;
}

.fracturus-video:hover
{
    
    border-color: white;
    
}

#img-band
{
    
    width: 60%;
    height: auto;
    
    border: 12px solid rgba(255,255,255,0.1);
    
}

#img-band:hover
{
    
    border-color: white;
    
}

.fracturus-button
{
        
    display: inline-block;
    
    border: 6px solid rgba(255,255,255,0.1);
    
    margin-right: 8px;
    
}

.fracturus-button:hover
{
    
    border-color: white;
    
}

.fracturus-button-box .fracturus-button:last-child
{
    
    margin-right: 0px;
    
}

.fracturus-button img
{
    
    width: 70px;
    height: 70px;
    
}

h4
{
    
    text-align: left;
    
}

.page-content
{
    
    margin-top: 0px;
    
}

.container
{
    
    position: relative;
    top: -24px;
    
}

#biography,
#quotes
{
    
    text-align: justify;
    
    padding-left: 20%;
    padding-right: 20%;
    
}

#quotes
{
    
    margin-bottom: 30px;
    
}

.link-footer, .link-footer a
{
    
    margin-top: 60px;
    color: rgba(255,255,255,0.2);
    
}

@media (max-width: 992px) 
{

    #img-band
    {
        
        width: 100%;
        
    }
    
    #img-album
    {
        
        width: 90%;
        
    }
    
    .fracturus-video
    {

        width: 100%;
        min-height: 280px;
        margin-bottom: 6px;

    }

    #img-logo
    {
        
        width: 50%;
        
    }
    
    #biography
    {

        padding-left: 0%;
        padding-right: 0%;

    }
    
    .fracturus-button
    {
                
        margin-right: 4px;
        margin-top: 4px;
        
    }

    .fracturus-button-box .fracturus-button:last-child
    {

        margin-right: 4px;

    }
    
    .fracturus-button img
    {
        
        width: 40px;
        height: 40px;
                
    }
    
    #quotes
    {
        
        padding-left: 0;
        padding-right: 0;
        
    }
    
}

@media (max-width: 420px) 
{
    
    .fracturus-video
    {

        min-height: 200px;

    }
    
}

.mail-link
{
    
    color: #ccc;
    
}

.mail-link:hover
{
    
    color: #fff;
    
}

.link-external-icon
{
    
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../gfx/link-external.png);
    margin-left: 6px;
    
}

a.link-external
{
    
    color: white;
    cursor: pointer;
    font-weight: bold;
    
}

a.link-external:hover
{
    
    color: #dedede;
    text-decoration: none;
    
}

a.link-external:hover .link-external-icon
{
    
    opacity: 0.8;
    
}

.fracturus-review
{
    
    font-size: 0.9em;
    
}

.fracturus-review-author
{
    
    float: right;
    
}

.fracturus-text-presskit
{
    
    display: block;
    width: 100%;
    
    text-align: center;
        
}

.fracturus-text-presskit a
{
    
    color: white;
    font-weight: bold;
    
}

.fracturus-review-author a
{
    
    color: white;
    
}

.fracturus-background-floating
{
    
    opacity: 0.5;
    
    position: fixed;
    
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
}

#fracturus-background-video
{
    position: fixed;
    
    right: 0;
    bottom: 0;
    
    min-width: 100%;
    min-height: 100%;
    
}


@media (max-width: 760px) 
{
    
    #biography,
    #quotes
    {
        
        padding-left: 0;
        padding-right: 0;
        
    }
    
}

::selection
{ 
    
    background: #bba388;
    
}

::-moz-selection
{ 
    
    background: #bba388;
    
}

#wrap 
{
    
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    
}

#wrap p 
{
    
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: rgba(255,255,255,.5);
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    
}

.ball 
{
    
    pointer-events: none;
    position: absolute; 
    width: 10px;
    height: 10px;
    border-radius: 50%; 
    background: gray;
    animation: implode 1s ease-in-out;
    animation-fill-mode: both;
    opacity: .5;
    
}

@keyframes implode 
{
    
  100% 
  { 
      
      opacity: 0; 
      /*transform: translateY(-120px);*/
      transform: scale(2);
  
  }
  
}

.fracturus-lightning-canvas
{
    
    position: absolute; 
    
    top: 0px; 
    left: 0px; 
    bottom: 0; 
    right: 0;
    
}

.noselect 
{
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    
    user-select: none; /* Non-prefixed version, currentlysupported by Chrome, Opera and Firefox */
    
}

.logo-endorsement img
{
    
    max-width: 200px;
    height: auto;
    
}