@charset "UTF-8";
/* Scss Document */
/*!
 * DoggieStudio Custom Stylesheet
 * CSS: ds-custom-21.12.03.css
 * File In Use: https://www.doggiestudio.org
 * Version: 21.12.03
 * Theme Author: DoggieStudio (DS) by DoggieStudio dsignPOETRY labs licensed by adps1984 foundation
 * Orign Fit: Unify 2.6.3 (htmlstream)
 * 
 * Copyright © 1984-2022 DoggieStudio and adps1984. All rights reserved.
 *
 * Date: 2021.12.04
 *
 * Included: Unify v2.6.3 Xtra Globals, Icon-hs, Hamburger, Master Slider, Cube portfolio, Slick Slider, Fancybox
 * Included: xxx (xxx.js xxx.js xxx.js), 
*/
/* -------------------------------------------------------------------------------------------------------------------------
	Begin Custom Set
** ------------------------------------------------------------------------------------------------------------------------- */
/* DoggieStudio.org Set 21.12.05 */
/* -------------------------------------------------------------------------------------------------------------------------
	Begin Custom Typo
** ------------------------------------------------------------------------------------------------------------------------- */
/* DoggieStudio Fonts */
/* 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; }
/* Miasm Infection Fonts */
@font-face {
  font-family: "MiasmInfection";
  src: url("../../fonts/MiasmInfection.eot");
  src: url("../../fonts/MiasmInfection.woff") format("woff"), url("../../fonts/MiasmInfection.woff2") format("woff2"), url("../../fonts/MiasmInfection.svg#Stencil") format("svg"), url("../../fonts/MiasmInfection.ttf") format("truetype"), url("../../fonts/MiasmInfection.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
/* Helvetica LT Std Bold Fonts */
@font-face {
  font-family: "HelveticaLTStd-Bold";
  src: url("../../fonts/HelveticaLTStd-Bold.eot");
  src: url("../../fonts/HelveticaLTStd-Bold.woff") format("woff"), url("../../fonts/HelveticaLTStd-Bold.woff2") format("woff2"), url("../../fonts/HelveticaLTStd-Bold.svg#Stencil") format("svg"), url("../../fonts/HelveticaLTStd-Bold.ttf") format("truetype"), url("../../fonts/HelveticaLTStd-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
/*	BS 5.1.x Bootstrap Icons 1.5.0 */
.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none; }

.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor; }

.icon-link:hover > .bi {
  transform: translate(0.5rem); }

/*------------------------------------
	DoggieStudio Typography
------------------------------------*/
.h1, h1 {
  font-family: "MiasmInfection", Arial Black, Gadget, "sans-serif";
  font: 5rem/1 "MiasmInfection";
  color: #ffe4c4;
  /* color #ffe4c4 */
  letter-spacing: 5px;
  text-align: center;
  margin: 1rem 0 1rem 0;
  text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #ccc, 3px 3px 0 #444, 4px 4px 0 #444, 5px 5px 0 #444, 6px 6px 0 #444, 5px 5px 15px #999; }

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

.h2, h2 {
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  letter-spacing: .04em; }

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

.h3, h3 {
  font-family: "HelveticaLTStd-Bold", Arial Black, Gadget, "sans-serif";
  letter-spacing: .04em;
  line-height: 1.1em; }

.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 {
  color: #a62300;
  text-decoration: none;
  outline: none; }

a:focus,
a:hover {
  color: #3f3831; }

.text-color-bisque {
  color: #ffe4c4; }

/* color #ffe4c4 bisque */
.no-text-decoration {
  text-decoration: none; }

/*------------------------------------
	DoggieStudio BG Body Paint
------------------------------------*/
html {
  background-color: #1a262e; }

/* default #ff4e20 */
body {
  overflow-x: hidden;
  color: #ffe4c4;
  /* color #ffe4c4 bisque */
  background-color: #1a262e; }

/* default #ff4e20 */
/*------------------------------------
	DoggieStudio Particles
------------------------------------*/
#particles {
  position: absolute;
  height: 110%;
  /* */
  min-height: 198vh;
  box-shadow: inset 0 0 5rem black;
  z-index: 0; }

.logo-doggiearchive {
  max-width: 86%;
  max-height: 86%; }

.intro {
  position: absolute;
  left: 0;
  top: 24%;
  padding: 0 20px;
  width: 100%;
  text-align: center; }

.intro-text::before {
  content: '';
  width: 80px;
  display: block;
  background: #ffe4c4;
  /* color #ffe4c4 bisque */
  height: 10px;
  margin: 30px auto;
  line-height: 1.1; }

.intro-text {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 20px;
  width: 100%;
  text-align: center; }

/* --------------------------------------------------
	Begin Typewriter
** -------------------------------------------------- */
.title {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); }

/*------------------------------------
	DoggieStudio BS Custom
------------------------------------*/
/*------------------------------------
	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;
  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;
  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); }

/*------------------------------------
	DoggieStudio Footer
------------------------------------*/
.footer {
  z-index: 1; }