@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100;200;300;400;500;600;700;800;900&family=Nunito:wght@100;200;300;400;500;600;700&display=swap");
.clickable {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}
a,
a:hover,
a:visited {
  text-decoration: none;
  color: #124e80;
}
* {
  box-sizing: border-box;
}
body {
  padding: 0;
  margin: 0;
  border: none;
  font-family: "Nunito", Arial, sans-serif;
  font-weight: 300;
}
nav {
  display: grid;
  grid-template-columns: 1fr auto;
  background: black;
  color: silver;
  padding: 0px 40px;
}
nav a {
  color: silver;
  display: inline-block;
  padding: 20px;
}
hide {
  display: none;
}
a {
  color: black;
  text-decoration: none;
}
input,
select,
textarea {
  font: 15px "Nunito", Arial, sans-serif;
  font-weight: 300;
}
summary {
  cursor: pointer;
}
.dw.button {
  font: 13px "Nunito", Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  padding: 10px 20px 8px 20px;
  margin: 3px 1px;
}
.dw.button.normal,
.dw.button {
  background: #5a5a5a;
}
.dw.button.normal:hover,
.dw.button:hover {
  background: #444444;
}
.dw.button.primary {
  background: #0f4b7d;
}
.dw.button.primary:hover {
  background: #0b385e;
}
.dw.button.light {
  background: #aaaaaa;
}
.dw.button.light:hover {
  background: #808080;
}
.dw.button.dark {
  background: #3c3c3c;
}
.dw.button.dark:hover {
  background: #2d2d2d;
}
.dw.button.green {
  background: #396c00;
}
.dw.button.green:hover {
  background: #2b5100;
}
.dw.button.red {
  background: #8f0000;
}
.dw.button.red:hover {
  background: #6b0000;
}
.dw.button.purple {
  background: #7e0029;
}
.dw.button.purple:hover {
  background: #5f001f;
}
.dw.button.blue {
  background: #00255a;
}
.dw.button.blue:hover {
  background: #001b44;
}
.dw.button.invisible {
  background: white;
  border: none;
}
.dw.button.invisible:hover {
  background: #bfbfbf;
}
.m320 {
  max-width: 320px;
}
.c320 {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.m360 {
  max-width: 360px;
}
.c360 {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.m400 {
  max-width: 400px;
}
.c400 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.m450 {
  max-width: 450px;
}
.c450 {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.page-head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 25;
  background: #620025;
  color: white;
  padding-top: 11px;
  height: 40px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,0.77);
}
.page-head>img {
  position: fixed;
  top: -5px;
  right: 12px;
  width: 50px;
  height: 50px;
  z-index: 4;
  object-fit: cover;
  object-position: center top;
  border-radius: 51%;
  box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.44);
}
.page-head>button {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 40px;
  background: rgba(255,255,255,0.17);
  color: white;
  border: none;
  cursor: pointer;
}
button.mobile-back-button {
  position: fixed;
  top: 0px;
  left: 0;
  width: 50px;
  height: 40px;
  background: rgba(255,255,255,0.17);
  color: white;
  border: none;
  cursor: pointer;
  z-index: 32;
}
@media ( min-width: 768px ) and ( max-width: 991px ) {
  button.mobile-back-button {
    left: 200px;
  }
}
@media ( min-width: 992px ) {
  button.mobile-back-button {
    left: 300px;
  }
}
@media ( min-width: 768px ) {
  button.mobile-back-button {
    display: none;
  }
}
img {
  vertical-align: bottom;
}
img.notfound {
  visibility: hidden;
}
button > i,
a > i {
  display: block;
  width: 32px;
  height: 32px;
  margin: auto;
  transform: scale(0.85);
}
button > i,
a > i {
  background: url(/assets/images/icons.png?2) no-repeat center center;
}
button > i.white,
a > i.white {
  filter: invert(100%);
}
button > i.gray,
a > i.gray {
  opacity: 0.6;
}
button > i.home,
a > i.home {
  background-position: -184px -85px;
}
button > i.mail,
a > i.mail {
  background-position: -34px -85px;
}
button > i.love,
a > i.love {
  background-position: -184px -35px;
}
button > i.prof,
a > i.prof {
  background-position: -84px -85px;
}
button > i.conf,
a > i.conf {
  background-position: -134px -85px;
}
button > i.chat,
a > i.chat {
  background-position: -284px -85px;
}
button > i.send,
a > i.send {
  background-position: -234px -85px;
}
button > i.back,
a > i.back {
  background-position: -184px -135px;
}
.fox_ResponsiveContainer.n2m-normal {
  margin-top: 10px;
}
@media ( min-width: 768px ) {
  .fox_ResponsiveContainer.n2m-normal {
    margin-top: 20px;
  }
}
@media ( max-width: 767px ) {
  body .dkPictureViewer .close {
    top: 2px;
    right: 17px;
  }
  body .dkPictureViewer .viewer {
    z-index: 32;
    top: 40px;
    left: 0;
    right: 0;
    width: 100vw;
  }
  body .dkPictureViewer .gallery {
    border: none;
    height: 200px;
    padding-top: 20px;
  }
  body .dkPictureViewer .gallery img {
    margin-top: -4px;
    height: calc(130px - 1vh);
  }
}
.fox_ResponsiveContainer.n2m-normal {
  margin: auto;
}
@media ( min-width: 1340px ) {
  .fox_ResponsiveContainer.n2m-normal {
    width: 950px;
  }
}
@media ( min-width: 992px ) and ( max-width: 1339px ) {
  .fox_ResponsiveContainer.n2m-normal {
    width: 650px;
  }
}
@media ( min-width: 768px ) and ( max-width: 991px ) {
  .fox_ResponsiveContainer.n2m-normal {
    width: 540px;
  }
}
@media ( min-width: 540px ) and ( max-width: 767px ) {
  .fox_ResponsiveContainer.n2m-normal {
    width: 540px;
  }
}
@media ( min-width: 360px ) and ( max-width: 539px ) {
  .fox_ResponsiveContainer.n2m-normal {
    width: 100%;
  }
}
@media ( max-width: 359px ) {
  .fox_ResponsiveContainer.n2m-normal {
    width: 100%;
  }
}