@font-face {
  font-family: 'Arlon';
  src: url(../fonts/Arlon-Bold.ttf);
}

body {
  background-color: #24262B;
  background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.loader-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #24262B;
}

.loader-logo h2{
  font-family: "Arlon",sans-serif;
  font-size: 90px;
  color: #FF5733;
}

.header-logo h2{
  font-family: "Arlon",sans-serif;
  font-size: 50px;
  color: #FF5733;
}

.header-logo-landing h2{
  font-family: "Arlon",sans-serif;
  font-size: 38px;
  color: #FF5733;
}

.duwii-header {
  padding-top: 20px;
  padding-left: 10%;
  padding-right: 10%;
  background-color: #24262B;
}

.fixed-top-duwii-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
}

.duwii-header-profile img{
  width: 60px;
}

.duwii-header-profile p{
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.duwii-content-home {
  padding-left: 10%;
  padding-right: 10%;
  margin-top:360px;
}

.duwii-content-admin {
  padding-left: 10%;
  padding-right: 10%;
  margin-top:200px;
}

.duwii-content-office {
  padding-left: 10%;
  padding-right: 10%;
  margin-top:450px;
}

.duwii-content-job {
  padding-left: 5%;
  padding-right: 5%;
  margin-top:380px;
}

.text-white {
  color:white;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
}

body.modal-open .duwii-content-home{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}

body.modal-open .duwii-content-admin{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}

body.modal-open .duwii-header{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}

body.modal-open .duwii-content-office{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}

body.modal-open .duwii-content-job{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}