
*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body{
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #333;
    overflow: hidden;
}
canvas{
   z-index: 49;
    position:absolute;
}

.logo {max-width:460px;}
.bgAnimated {
    z-index: 50;
    position:relative;
    /*background: linear-gradient(-45deg, #23D5AB, #1f599a, #23A6D5, #0b3667);*/
    background: linear-gradient(-45deg, #d0d0d0, #aeaeae, #e2e2e2, #939393);
    background-size: auto auto;
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    margin-bottom:30px;
}
@-webkit-keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}
@keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}
#pnVisit .footer {
    z-index: 10050;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
#pnVisit  .footerbg {
    color:#cdcdcd;
    background: #4f4f4f; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #4f4f4f 1%, #262626 82%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #4f4f4f 1%,#262626 82%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #4f4f4f 1%,#262626 82%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    border-top:5px solid #e12618;
    padding:10px 0;
}
/* ################################# */
.white-space {
    display: block;
    width: 100%;
}
.white-space.space-mini {
    padding: 5px 0;
}
.white-space.space-xsmall {
    padding: 10px 0;
}
.white-space.space-small {
    padding: 20px 0;
}
.white-space.space-medium {
    padding: 30px 0;
}
.white-space.space-big {
    padding: 50px 0;
}
@media (max-width: 767px) {
    .white-space.space-xsmall {
        padding: 5px 0;
    }
    .white-space.space-small {
        padding: 10px 0;
    }
    .white-space.space-medium {
        padding: 15px 0;
    }
    .white-space.space-big {
        padding: 25px 0;
    }
}
/* ################################# */
a {
    color:#e12618;
}
a:hover {
    color:#af1f14;
}
.bgWhiteTransparent, .bgWhiteTransparent:hover {
    z-index: 10028;
    background-color: rgba(255,255,255,0.4);
    width: 100%;
    padding:100px 0 50px 50px;
    border:1px solid rgba(255,255,255,0.8);
    border-radius:5px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
.bgWhiteTransparent:hover {
    background-color: rgba(255,255,255,1);

}
@media (max-width: 767px) {
    .bgWhiteTransparent, .bgWhiteTransparent:hover {
        padding:25px 15px;

        background-color: transparent;
        border-color:transparent;
    }
    .logo {max-width:240px;}
    html, body{
        overflow: auto;
        overflow-x: hidden;
    }
}
