@charset "UTF-8";
/* Scss Document */
/*!
 * Who Is Watching Who? Custom CSS
 * CSS: wiww-custom-21.12.08.css
 * File In Use: https://www.whoiswatchingwho.com
 * Version: 21.12.08
 * Theme Author: DoggieStudio dsignPOETRY labs (DS-DP) licensed by adps1984 foundation
 * Orign Fit: Who Is Watching Who? 2005 Theme (wiww)
 * 
 * Copyright © 1984-2022 Who Is Watching Who? and adps1984. All rights reserved.
 *
 * Date: 2021.12.08
 *
 * Included: xxx (xxx.js xxx.js xxx.js), 
*/
/* CSS Document */
/* CSS Document */
/* -------------------------------------------------------------------------------------------------------------------------
	Begin Who Is Watching Who? Custom Typo
** ------------------------------------------------------------------------------------------------------------------------- */
/* Futura Fonts */
@font-face {
  font-family: "Futura";
  src: url("../../fonts/futura-md-bt.eot");
  src: url("../../fonts/futura-md-bt.woff") format("woff"), url("../../fonts/futura-md-bt.svg#Futura") format("svg"), url("../../fonts/futura-md-bt.ttf") format("truetype"), url("../../fonts/futura-md-bt.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
/* Stencil Fonts */
@font-face {
  font-family: "Stencil";
  src: url("../../fonts/stencilstd.eot");
  src: url("../../fonts/stencilstd.woff") format("woff"), url("../../fonts/stencilstd.woff2") format("woff2"), url("../../fonts/stencilstd.svg#Stencil") format("svg"), url("../../fonts/stencilstd.ttf") format("truetype"), url("../../fonts/stencilstd.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
/*------------------------------------
	Who Is Watching Who? Body
------------------------------------*/
/* Bootstrap signin.css CSS */
html,
body {
  height: 100%; }

body {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 40px;
  overflow-x: hidden;
  color: #ffe4c4;
  /* bisque #ffe4c4 */
  background-color: #212529;
  /* #212529 BS default #fff */
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5); }

/* Base structure
.cover-container {max-width: 56em; } */
/* Container width */
/*------------------------------------
	Who Is Watching Who? Typography
------------------------------------*/
.h1, h1 {
  font-family: "Futura", Arial Black, Gadget, "sans-serif";
  letter-spacing: .04em;
  line-height: 1.1em; }

.h1 a:focus, .h1 a:hover, h1 a:focus, h1 a:hover {
  text-decoration: none; }

.h2, h2 {
  font-family: "Futura", Arial Black, Gadget, "sans-serif"; }

.h2 a:focus, .h2 a:hover, h2 a:focus, h2 a:hover {
  text-decoration: none; }

.h3, h3 {
  font-family: "Futura", Arial Black, Gadget, "sans-serif"; }

.h3 a:focus, .h3 a:hover, h3 a:focus, h3 a:hover {
  text-decoration: none; }

.h4, .h5, .h6, .h7,
h4, h5, h6, h7 {
                 /*
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */ }

a, a:link, a:focus, a:active, a:visited {
  color: #ffe4c4;
  /* default #ffe4c4 */
  text-decoration: none;
  outline: none; }

a:hover {
  color: #fc3500; }

/* default #fc3500 */
p {
  line-height: 1.5em; }

/*------------------------------------
	Global Fix
------------------------------------*/
/* Custom default button */
.btn-close,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #888;
  text-shadow: none;
  /* Prevent inheritance from `body` */ }

.modal-header, .modal-footer {
  background-color: #161412; }

.modal-content {
  background-color: #212529;
  /* #212529 BS default #fff */
  text-shadow: none;
  /* Prevent inheritance from `body` */ }

/*------------------------------------
	Effects
------------------------------------*/
/* Custom Screen Effect */
#screen-effect {
  font-family: "Futura", Arial Black, Gadget, "sans-serif";
  width: 600px;
  height: 500px;
  background-color: #212529;
  /* #212529 BS default #fff */
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px 0 0 -300px; }

/*------------------------------------
	G-Tooltip
------------------------------------*/
.g-tooltip {
  position: relative;
  z-index: 999; }

/* Trigger text */
.g-tooltip-item {
  font-weight: bold;
  cursor: pointer; }

.g-tooltip-content {
  position: absolute;
  font-size: 16px;
  background: #ffe4c4;
  /* bisque #ffe4c4 */
  z-index: 9999;
  width: 280px;
  bottom: 100%;
  left: 50%;
  margin: 0 0 105px -140px;
  padding: 25px;
  text-align: left;
  border-radius: 10px/50%;
  color: #fc3500;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.g-tooltip-turnright .g-tooltip-content {
  -webkit-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg);
  transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); }

.g-tooltip-turnleft .g-tooltip-content {
  -webkit-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg);
  transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); }

.g-tooltip:hover .g-tooltip-content {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Arrow */
.g-tooltip-content::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 120px;
  top: 100%;
  background: url(../../fonts/g-tooltip/g-tooltip3.svg) no-repeat center center;
  /* bisque #ffe4c4 */
  background-size: 100%;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.g-tooltip-turnright .g-tooltip-content::after {
  left: 25%;
  -webkit-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0);
  transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); }

.g-tooltip-turnleft .g-tooltip-content::after {
  right: 25%;
  -webkit-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0);
  transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); }

.g-tooltip-turnright:hover .g-tooltip-content::after {
  -webkit-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0);
  transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); }

.g-tooltip-turnleft:hover .g-tooltip-content::after {
  -webkit-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0);
  transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); }

/*------------------------------------
	wiww Footer
------------------------------------*/