.container_margin{
    margin-bottom:50px !important;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@font-face {
    font-family: 'AllerLight';
    src: url('../../fonts/Aller_Lt.ttf');
}
@font-face {
    font-family: 'Humanist';
    src: url('../../fonts/Humanist.ttf');
}
@font-face {
    font-family: 'AllerRegular';
    src: url('../../fonts/Aller_Rg.ttf');
}
@font-face {
    font-family: 'AllerBold';
    src: url('../../fonts/Aller_Bd.ttf');
}

@font-face {
    font-family: 'PT_FONT';
    src: url('../../fonts/PTS55F.ttf');
}
@font-face {
    font-family: 'PT_FONT_BOLD';
    src: url('../../fonts/PTS75F.ttf');
}


#test_rwd{
    height:1px;
    width:1px;
    display:block;
}



/* ==========================================================================
    END OF ADOBE CUSTOM FONTS
   ========================================================================== */




html, body {
    height:100% ;
    border:0px solid red !important;
    background-color:#f3f3f3;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;    
}

.zero_padding{padding:0;}
.zero_margin{margin:0;}

.container{
    padding:0;
    padding-bottom:0px;
}

.fa {color:#3D3D3D;}
.arrow_back{position:fixed;display:none;bottom:0;left:0;;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;text-align:center;background-color:#E9E5E4;z-index:4;}

.arrow_back:hover{cursor:pointer;}


#preloader {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#CCCAC6; /* change if the mask should have another color then white */
    z-index:9999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
.preloader{
    display:none;
    width:200px;
    height:200px;
    position:relative;
    text-align:center;
    background-image:url(status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    
}