@font-face {
    font-family: 'hfgc_reg';
    src: url('../fonts/SofiaProRegular.woff') format('woff');
}

@font-face {
    font-family: 'hfgc_bold';
    src: url('../fonts/SofiaProBold.woff') format('woff');
}

body{
    overflow:hidden;
    background-color:#fcfcfc;
    margin:0;
    padding:0;

}

body, html {
    height: 100%;
    margin: 0;
}

.bg {
    /* The image used */
    background-image: url('../images/bg/bg.jpg');
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Magazine Desktop Normal Version */
.magazine-viewport {
    background-size: cover;
    background-image: url('../images/bg/bg.jpg');
}

.center-screen {
    background-size: contain;
    background-image: url('../images/bg/oops.png');
    background-repeat: no-repeat;
    text-align: center;
    width:500px;
    height:400px;
}

.center-text {
    color: white;
    font-size: 16pt;
}

.hf-reload{
    width: 68px;
    height: 68px;
   /* background-size: cover;
    background-image: url('../images/bg/rotate_1.png');*/
    border: none;
    padding: 5px;
    font: inherit;
    z-index: 10;
    outline: inherit;
    background-color: transparent;
    cursor: pointer;
    display: none;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px hidden #000000;
    -webkit-box-shadow: -15px 15px 40px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -15px 15px 40px 0px rgba(0,0,0,0.75);
    box-shadow: -15px 15px 40px 0px rgba(0,0,0,0.75);
}

.hf-reload-image{
    width: 74px;
    height: 74px;
    position: absolute;
    top: -2px;
    left: -4px;
}

.reg{
    font-family: 'hfgc_reg';
}

.bold{
    font-family: 'hfgc_bold';
}

.df-ui-page label {
    font-family: 'hfgc_reg';
}