/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset "UTF-8";
/* CSS Document */
body, html {
    height: 100%;
}
body {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    font-family: neue-haas-grotesk-display, sans-serif;
    color: #939598;
    font-size: 13px;
    line-height: 1.42858em;
    background-color: #ffffff;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
    -webkit-font-kerning: normal;
    font-kerning: normal;

}


@font-face {
  font-family: 'icomoon';
  src:  url('/assets/fonts/icomoon.eot?2ygh04');
  src:  url('/assets/fonts/icomoon.eot?2ygh04#iefix') format('embedded-opentype'),
    url('/assets/fonts/icomoon.ttf?2ygh04') format('truetype'),
    url('/assets/fonts/icomoon.woff?2ygh04') format('woff'),
    url('/assets/fonts/icomoon.svg?2ygh04#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fc_arrow:before {
  content: "\e900";
}
.icon-fc_logo:before {
  content: "\e901";
}


.icon-fc_arrow {
    font-size: 60px;
    color: #1a1a1a;
    bottom: 10%;
    position: absolute;
    width:auto;
}
.icon-fc_logo {
    font-size: calc(1em + 15vw);
    color: #1A1A1A;
}

._logo{
    width: calc(1em + 12vw);
}

ul, ol {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    list-style: none;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}
.img, img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
/***************** Typography *********************/
h1, h2, h3, p, a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}
a:hover, a:active, a:focus, a:visited {
    outline: 0 !important;
    text-decoration: none;
    cursor: pointer;
}
a {
    color: #f06f58;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
a.linked {
    border-bottom: 1px solid #f06f58;
}
a:hover {
    color: #4c8bf6;
}
p {
    font-size:20px;
    margin: 0 0 20px 0;
    font-weight: 500;
    width: 100%;
    color: #1a1a1a;
    line-height: 1.5;
    text-align: left;
}
h1 {
    font-size:40px;
    font-weight: 700;
    color: #000000;
    text-align: left;
    line-height: 1.1;
    padding: 0;
}

h2 {
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
    color: #000000;
    font-size: 17px;
    line-height: 1.2;
}


.txt-center {
    text-align: center
}
.txt-white {
    color: #ffffff !important;
}
.clr-black {
    background-color: #000000;
}
.clr-grey {
    background-color: #1A1A1A;
}
.clr-red {
    background-color: #FF2B47;
}
.clr-green {
    background-color: #95D411;
}
.clr-blue {
    background-color: #6AD7DF;
}


.head {
    border-bottom: 3px solid #1a1a1a;
margin: 25px 0;
padding: 0px 0 0px 0;
}
/***************** Grid Systems *********************/
*, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap:before, .wrap:after, .wrap-inner:before, .wrap-inner:after {
    content: " ";
    display: table;
}
.wrap {
    height: auto;
    width: 100%;
    display: block;
    position: relative;
    float: left;
}
.wrap-inner {
    width: 100%;
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
}
.pad-lg {
    padding-left: 100px;
    padding-right: 100px;
}
/***Flx Auto ***/
.auto {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 100%;
    gap: 50px 100px;
    justify-items: stretch;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
auto.cols-1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
}
.auto.cols-1 > a {
    justify-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    gap: 0 0;
}
.auto.cols-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
.auto.cols-3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
.auto.cols-4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
/***************** Buttons *********************/
.btn, button {
    width: auto;
    color: #ffffff;
    padding: 15px 25px;
    background: #191717;
    text-align: center;
    float: left;
    font-size: 15px;
    font-weight: 700;
    border-radius: 50px;
    margin: 50px 10px 0 0;
    -webkit-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    -o-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    transition: all .65s cubic-bezier(.48, 0, .12, 1);
    cursor: pointer;
}

.btn:hover {
    color: #ffffff;
    background: #FF2B47;
}


.direction.icon{
   -webkit-transform-origin: center;
       -ms-transform-origin: center;
           transform-origin: center;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
      -webkit-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    -o-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    transition: all .65s cubic-bezier(.48, 0, .12, 1);
    cursor: pointer;
    color: #d2f44f;
}

.direction.icon:hover{
     -webkit-transform: scale(1.2);
         -ms-transform: scale(1.2);
             transform: scale(1.2);
}


/***************** Images *********************/
.bg-tile {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}


.hero1 {
    background-image: url("/assets/images/Hero_Image.jpg");
}

.hero2 {
    background-image: url("/assets/images/hero-fire.png");
}

/***************** Animations *********************/

.fc_ground{
    -webkit-animation-name: animation;
    -webkit-animation-duration:10s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;    
    -webkit-animation-play-state: running;
    
    animation-name: animation;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;    
    animation-play-state: running;
    background-color: #FF2B47;
}

@-webkit-keyframes animation {
    0%     {background-color:#FF2B47;}
    25.0%  {background-color:#95D411;}
    50.0%  {background-color:#6AD7DF;}
    100.0%  {background-color:#FF2B47;}
}

@keyframes animation {
     0%     {background-color:#FF2B47;}
    25.0%  {background-color:#95D411;}
    50.0%  {background-color:#6AD7DF;}
    100.0%  {background-color:#FF2B47;}
}

.arw-move{
 
    -webkit-animation-name: arw-move-anime;
    -webkit-animation-duration:10s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;    
    -webkit-animation-play-state: running;
    
    animation-name: arw-move-anime;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;    
    animation-play-state: running;
    background-color: #FF2B47;
}

@-webkit-keyframes arw-move-anime {
    0%     {-webkit-transform: scale(1);transform: scale(1); }
    50.0%  {-webkit-transform: scale(2);transform: scale(2);}
    100.0%  {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes arw-move-anime {
    0%     {-webkit-transform: scale(1);transform: scale(1);}
    50.0%  {-webkit-transform: scale(2);transform: scale(2);}
    100.0%  {-webkit-transform: scale(1);transform: scale(1);}
}



.icon-fc_logo, .icon-fc_arrow {
   -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
            animation: fadein 1s;
  animation-timing-function: ease-in-out;
     -webkit-animation-timing-function: ease-in-out;
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/***************** Form *********************/
#drip-ef-639612675 input[type="email"], #drip-ef-639612675 input[type="number"], #drip-ef-639612675 input[type="tel"], #drip-ef-639612675 input[type="text"] {
margin: 0 !important;
padding: 25px !important;
width: 100% !important;
border: 1px solid #1a1a1a !important;
font-size: 20px;
font-weight: 600;
margin-bottom: 20px !important;  
}

::-webkit-input-placeholder {
  color: black;
  opacity: 1;
}

::-moz-placeholder {
  color: black;
  opacity: 1;
}

:-ms-input-placeholder {
  color: black;
  opacity: 1;
}

::-ms-input-placeholder {
  color: black;
  opacity: 1;
}

::placeholder {
  color: black;
  opacity: 1;
}

#drip-ef-639612675 input[type="submit"] {
    margin: 0;
    padding: 20px 10px;
    outline: none;
    text-decoration: none;
    border: none;
    width: 80px;
}
   
/***************** Footer *********************/

.foot.flx-p {
    height: 10vh;
}
.foot .menu li a {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
}
.foot .menu li a:hover {
    color: #FD8568;
}
.foot li a::before {
    font-size: 20px;
    -webkit-transform: translate(-65px, 0px);
    -ms-transform: translate(-65px, 0px);
    transform: translate(-65px, 0px);
}
.foot .menu li a:hover::before {
    -webkit-transform: translate(-30px, 0px);
    -ms-transform: translate(-30px, 0px);
    transform: translate(-30px, 0px);
}