@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap");
@import url("https://use.typekit.net/bzy7sah.css");
@font-face {
  font-family: "Didot";
  src: url("../fonts/didot/Didot.eot?#iefix") format("embedded-opentype"), url("../fonts/didot/Didot.woff") format("woff"), url("../fonts/didot/Didot.ttf") format("truetype"), url("../fonts/didot/Didot.svg#DietDidotItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Didot";
  src: url("../fonts/didot/Didot-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/didot/Didot-Italic.woff") format("woff"), url("../fonts/didot/Didot-Italic.ttf") format("truetype");
  /*url('../fonts/didot/Didot-Italic.svg#DietDidotItalic') format('svg');*/
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Didot";
  src: url("../fonts/didot/Didot-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/didot/Didot-Bold.woff") format("woff"), url("../fonts/didot/Didot-Bold.ttf") format("truetype");
  /*url('../fonts/didot/Didot-Bold.svg#DietDidotItalic') format('svg')*/
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.svg#HelveticaNeue-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.svg#HelveticaNeue-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Light.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.svg#HelveticaNeue-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.svg#HelveticaNeue-BlackCond") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.svg#HelveticaNeue-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.svg#HelveticaNeue-Condensed") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.svg#HelveticaNeue-Condensed") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.eot");
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.woff2") format("woff2"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.woff") format("woff"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.ttf") format("truetype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.eot");
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.woff2") format("woff2"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.woff") format("woff"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.ttf") format("truetype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeueLTStd-ThCn") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuanaThinItalic";
  src: url("../fonts/webFonts/JuanaThinItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaThinItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltBlack";
  src: url("../fonts/webFonts/JuanaAltBlack/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltBlack/font.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltThin";
  src: url("../fonts/webFonts/JuanaAltThin/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltThin/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaExtraLightItalic";
  src: url("../fonts/webFonts/JuanaExtraLightItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaExtraLightItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltMedium";
  src: url("../fonts/webFonts/JuanaAltMedium/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltMedium/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltBold";
  src: url("../fonts/webFonts/JuanaAltBold/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltBold/font.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuanaMediumItalic";
  src: url("../fonts/webFonts/JuanaMediumItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaMediumItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaBoldItalic";
  src: url("../fonts/webFonts/JuanaBoldItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaBoldItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaLightItalic";
  src: url("../fonts/webFonts/JuanaLightItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaLightItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltLight";
  src: url("../fonts/webFonts/JuanaAltLight/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltLight/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaAltSemiBold";
  src: url("../fonts/webFonts/JuanaAltSemiBold/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltSemiBold/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaAltExtraLight";
  src: url("../fonts/webFonts/JuanaAltExtraLight/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltExtraLight/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaRegularItalic";
  src: url("../fonts/webFonts/JuanaRegularItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaRegularItalic/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaAltRegular";
  src: url("../fonts/webFonts/JuanaAltRegular/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltRegular/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaBlackItalic";
  src: url("../fonts/webFonts/JuanaBlackItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaBlackItalic/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaSemiBoldItalic";
  src: url("../fonts/webFonts/JuanaSemiBoldItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaSemiBoldItalic/font.woff") format("woff");
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Black.eot");
  src: url("../fonts/adobe/AdobeClean-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Black.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Black.woff") format("woff"), url("../fonts/adobe/AdobeClean-Black.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Black.svg#AdobeClean-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Bold.eot");
  src: url("../fonts/adobe/AdobeClean-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Bold.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Bold.woff") format("woff"), url("../fonts/adobe/AdobeClean-Bold.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Bold.svg#AdobeClean-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-ExtraBold.eot");
  src: url("../fonts/adobe/AdobeClean-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-ExtraBold.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-ExtraBold.woff") format("woff"), url("../fonts/adobe/AdobeClean-ExtraBold.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-ExtraBold.svg#AdobeClean-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Light.eot");
  src: url("../fonts/adobe/AdobeClean-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Light.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Light.woff") format("woff"), url("../fonts/adobe/AdobeClean-Light.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Light.svg#AdobeClean-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Regular.eot");
  src: url("../fonts/adobe/AdobeClean-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Regular.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Regular.woff") format("woff"), url("../fonts/adobe/AdobeClean-Regular.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Regular.svg#AdobeClean-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Acid Grotesk";
  src: url("../fonts/acid/AcidGrotesk-Light.eot");
  src: url("../fonts/acid/AcidGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/acid/AcidGrotesk-Light.woff2") format("woff2"), url("../fonts/acid/AcidGrotesk-Light.woff") format("woff"), url("../fonts/acid/AcidGrotesk-Light.ttf") format("truetype"), url("../fonts/acid/AcidGrotesk-Light.svg#AcidGrotesk-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Acid Grotesk";
  src: url("../fonts/acid/AcidGrotesk-Medium.eot");
  src: url("../fonts/acid/AcidGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/acid/AcidGrotesk-Medium.woff2") format("woff2"), url("../fonts/acid/AcidGrotesk-Medium.woff") format("woff"), url("../fonts/acid/AcidGrotesk-Medium.ttf") format("truetype"), url("../fonts/acid/AcidGvrotesk-Medium.svg#AcidGrotesk-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kitsune";
  src: url("../fonts/kitsune/Kitsune-Light.eot");
  src: url("../fonts/kitsune/Kitsune-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/kitsune/Kitsune-Light.woff2") format("woff2"), url("../fonts/kitsune/Kitsune-Light.woff") format("woff"), url("../fonts/kitsune/Kitsune-Light.ttf") format("truetype"), url("../fonts/kitsune/Kitsune-Light.svg#Kitsune-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
._blurCircles {
  position: relative;
  width: 650px;
  height: 650px;
  top: 350px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
._blurCircles div {
  width: 660px;
  height: 660px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: rgba(248, 248, 248, 0.5);
}

header {
  height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 0;
  padding-bottom: 355px;
}

._text_header_h1 {
  position: fixed;
  z-index: 0;
  width: 100%;
  max-width: 830px;
  padding: 15px;
  display: block;
  margin: 0 auto;
  font-size: 8.57rem;
  line-height: 8.57rem;
  text-wrap: balance;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Acid Grotesk", sans-serif;
  font-weight: 500;
}
._text_header_h1._small {
  font-size: 80px;
  max-width: 950px;
}

._head_portfolio {
  color: #2C2C2C;
}
._head_portfolio ._brand {
  display: block;
  position: absolute;
  top: 14%;
  font-size: 2.857rem;
  font-family: "Acid Grotesk", sans-serif;
  font-weight: 300 !important;
  padding: 15px;
}

.fade-in {
  opacity: 0; /* make things invisible upon start */
  -webkit-animation: fade-opa ease-in 1; /* call our keyframe, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fade-opa ease-in 1;
  animation: fade-opa ease-in 1;
  -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}
.fade-in.one {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.fade-in.two {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}
.fade-in.three {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

@media screen and (max-width: 850px) {
  ._text_header_h1 {
    font-size: 80px;
    line-height: 80px;
    max-width: 750px;
    top: 30%;
  }
  ._blurCircles {
    height: 550px;
  }
  ._blurCircles div {
    width: 550px;
    height: 550px;
  }
}
@media screen and (max-width: 500px) {
  ._head_portfolio ._brand {
    font-size: 1.786rem;
    top: 14%;
  }
  ._text_header_h1 {
    font-size: 4.41rem;
    line-height: 4.41rem;
    top: 40%;
  }
  ._text_header_h1._small {
    font-size: 4.41rem;
    line-height: 4.41rem;
    top: 40%;
  }
  ._blurCircles {
    height: 350px;
  }
  ._blurCircles div {
    width: 350px;
    height: 350px;
  }
}
@media screen and (max-width: 340px) {
  ._text_header_h1 {
    font-size: 2.6rem;
    line-height: 3rem;
    top: 50%;
  }
}

/*# sourceMappingURL=header_pr.css.map */