@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;
}
._cci {
  font-size: 16px;
  cursor: none !important;
}
._cci h3, ._cci h4 {
  font-size: 2.6vw;
  margin-bottom: 2rem;
}
._cci p {
  font-weight: 300;
}

._space_generic {
  padding: 14% 0;
}

._bg_red {
  background-color: #eb1000;
}

._bg_gray {
  background: rgb(243, 243, 243);
  background: linear-gradient(248deg, rgb(243, 243, 243) 0%, rgb(247, 247, 247) 50%, rgb(255, 255, 255) 100%);
}

._media {
  display: flex;
  position: relative;
  z-index: 200;
}
._media video {
  width: 100%;
  height: 100%;
}

._bg_sec {
  display: block;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
._bg_sec img {
  visibility: hidden;
  opacity: 0;
}
._bg_sec ._content_txt {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 40%;
}
._bg_sec ._content_txt h2 {
  color: white;
  font-size: 4.6vw;
  font-family: "Adobe Clean", sans-serif;
  font-weight: 900;
}
._bg_sec ._content_txt h2 ._aniBorder1 {
  border: 2px solid #4facfb;
  color: black;
  position: relative;
  padding: 0 10px;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb, ._bg_sec ._content_txt h2 ._aniBorder1 ._ltb, ._bg_sec ._content_txt h2 ._aniBorder1 ._mtb, ._bg_sec ._content_txt h2 ._aniBorder1 ._ltb_mid, ._bg_sec ._content_txt h2 ._aniBorder1 ._rtb_mid {
  position: absolute;
  height: 100%;
  top: 0;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb:before, ._bg_sec ._content_txt h2 ._aniBorder1 ._rtb:after, ._bg_sec ._content_txt h2 ._aniBorder1 ._ltb:before, ._bg_sec ._content_txt h2 ._aniBorder1 ._ltb:after, ._bg_sec ._content_txt h2 ._aniBorder1 ._mtb:before, ._bg_sec ._content_txt h2 ._aniBorder1 ._mtb:after, ._bg_sec ._content_txt h2 ._aniBorder1 ._ltb_mid:before, ._bg_sec ._content_txt h2 ._aniBorder1 ._ltb_mid:after, ._bg_sec ._content_txt h2 ._aniBorder1 ._rtb_mid:before, ._bg_sec ._content_txt h2 ._aniBorder1 ._rtb_mid:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 0;
  border: 2px solid #4facfb;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb {
  right: 0;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb:before {
  top: -4px;
  right: -4px;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb:after {
  bottom: -4px;
  right: -4px;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb_mid {
  right: 0;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb_mid:after {
  width: 6px;
  height: 6px;
  bottom: 50%;
  right: -4px;
  transform: translateY(50%);
}
._bg_sec ._content_txt h2 ._aniBorder1 ._rtb_mid:before {
  content: none;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._ltb {
  left: 0;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._ltb:before {
  top: -4px;
  left: -4px;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._ltb:after {
  bottom: -4px;
  left: -4px;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._ltb_mid {
  left: 0;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._ltb_mid:before {
  width: 6px;
  height: 6px;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
._bg_sec ._content_txt h2 ._aniBorder1 ._ltb_mid:after {
  content: none;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._mtb {
  left: 50%;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._mtb:before {
  top: -4px;
  left: 50%;
}
._bg_sec ._content_txt h2 ._aniBorder1 ._mtb:after {
  bottom: -4px;
  left: 50%;
}
._bg_sec ._one_cursor {
  display: none;
}

._bg_slider {
  position: absolute;
  display: block;
  width: 100%;
}
._bg_slider img {
  display: block;
  position: relative;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8%;
  width: 34%;
}

._sl {
  padding: 20% 0 7.2%;
}

._full_width img {
  width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  #cursor.arrow:before {
    background-image: url("/img/projects/cci/arrow.png");
    width: 36px;
    height: 36px;
    cursor: none;
  }
  #cursor._butterfly:before {
    background-image: url("/img/projects/cci/butterfly_2.png");
    width: 60px;
    height: 60px;
    content: "";
    display: inline-block;
    position: absolute;
    margin-left: 50px;
    margin-top: 26px;
    left: -50%;
    top: -50%;
    transform: translate(-50%, -50%);
    z-index: 100000;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 500ms ease-in-out;
    cursor: none;
  }
}
@media screen and (max-width: 480px) {
  ._cci h3, ._cci h4 {
    font-size: 24px;
  }
  ._bg_sec {
    height: 380px;
    background-position-x: left;
  }
  ._bg_sec ._content_txt {
    max-width: 54%;
    top: 44%;
  }
  ._bg_sec ._content_txt h2 {
    font-size: 28px;
  }
  ._full_width img {
    max-width: 194%;
    width: 194%;
    text-align: center;
    margin: auto;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
  ._bg_slider img {
    width: 84%;
    margin-top: 12%;
  }
  ._sl {
    padding: 36% 0 12%;
  }
}

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