body {font-family: 'Encode Sans Condensed', sans-serif; font-size:16px; font-weight: 300; color: #000000; background:#ffffff; overflow: hidden;text-shadow: 1px 1px 1px #ffffff;}
.duzy {
    font-family: 'Encode Sans Condensed', sans-serif; 
    font-size: 18px; 
    font-weight: 200; 
    color: #D96D00;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff; 
}
b {
    font-family: 'Encode Sans Condensed', sans-serif; 
    font-size: 16px; 
    font-weight: 500; 
    color: #000000;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff; 
}
.duzy2 {
    font-family: 'Encode Sans Condensed', sans-serif; 
    font-size: 17px; 
    font-weight: 400; 
    color: #D96D00;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff; 
}
.duzy3 {
    font-family: 'Encode Sans Condensed', sans-serif; 
    font-size: 16px; 
    font-weight: 200; 
    color: #D96D00;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff; 
}
.duzy4 {
    font-family: 'Encode Sans Condensed', sans-serif; 
    font-size: 16px; 
    font-weight: 300; 
    color: #D96D00;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff; 
}
a {font-family: 'Encode Sans Condensed', sans-serif; font-size: 16px; font-weight: 300; color: #000000; text-shadow: 1px 1px 1px #ffffff;text-decoration: none;}
a:hover {font-family: 'Encode Sans Condensed', sans-serif; font-size: 16px; font-weight: 300; text-shadow: 1px 1px 1px #ffffff;color: #D96D00;text-decoration: none;}

h1 {font-family: 'Encode Sans Condensed', sans-serif; 
    font-weight: 300; 
    }
    
h3 {
   font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 300; 
}

/* Preloader */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#EEEEEE; /* change if the mask should have another color then white */
    z-index:99; /* 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(/img/ajax-loader.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 */
}


#aligner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 500px;
  margin: 24px 0;
  border: 0px solid #eee; }
  #aligner div {
    max-width: 100%;
    background: none;
    padding: 24px; }

#fixed-sidebar {
  -webkit-flex: 0 0 400px;
  -ms-flex: 0 0 400px;
  flex: 0 0 400px; 
  height:100%;
  }

#fixed-sidebar-right {
  -webkit-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px; }