.elementor-1243 .elementor-element.elementor-element-b1fb7ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1243 .elementor-element.elementor-element-b1fb7ac:not(.elementor-motion-effects-element-type-background), .elementor-1243 .elementor-element.elementor-element-b1fb7ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS *//* body,html{margin:0;padding:0;height:100%;}
body{background:#E3DFD2;box-shadow: inset 0 0 20vmin 0 #585247;} */
.flowerBox {
  /* width: 100%;
  height: auto;
  margin: 0 auto; */
  margin-bottom: 2.5em;
}
.wrap{
  position:relative;
  width:80vmin; height:80vmin;
  margin:0 auto;
  background:inherit;
  /* transform:scale(0.2) translatez(0px); */
  transform:scale(1) translatez(0px);
  opacity:1;
  transition:transform .5s, opacity .5s;
}
a.flower{
  position:absolute;
  left:0; top:0;
  width:47.5%; height:47.5%;
  /* overflow:hidden; */
  /* transform:scale(.5) translateZ(0px); */
  background:#000000;
}
a.flower div{
  height:100%;
  background-size:cover;
  opacity:.5;
  transition:opacity .5s;
  border-radius:inherit;
}
#pedalTech {
  border-radius:40vmin 0 0 0;
  /* transform-origin: 110% 110%; */
  /* transition:transform .4s .15s; */
}
#pedalTech div{
  background-image:url('http://biometricfinancial.fnvt.net/wp-content/uploads/tech-terminology.jpg');
}
#pedalProducts {
  border-radius:0 40vmin 0 0;
  left:52.5%;
  /* transform-origin: -10% 110%;
  transition:transform .4s .2s; */
}
#pedalProducts div{
  background-image:url('http://biometricfinancial.fnvt.net/wp-content/uploads/products-top-right.jpg');
}
#pedalScience {
  border-radius:0 0 0 40vmin;
  top:52.5%;
  /* transform-origin: 110% -10%;
  transition:transform .4s .25s; */
}
#pedalScience div{
  background-image:url('http://biometricfinancial.fnvt.net/wp-content/uploads/security-bottom-left.jpg');
}
#pedalSecurity {
  border-radius:0 0 40vmin 0;
  top:52.5%; left:52.5%;
  /* transform-origin: -10% -10%;
  transition:transform .4s .3s; */
}
#pedalSecurity div{
  background-image: url('http://biometricfinancial.fnvt.net/wp-content/uploads/science-bottom-right.jpg');
}
#centerLogo {
  width:55%;height:55%;
  left:22.5%; top:22.5%;
  border-radius:50vmin;
  box-shadow:0 0 0 5vmin #E3DFD2;
  transform:scale(1);
  display: block;
}
#centerLogo div{
  /* background-image: url('https://farm4.staticflickr.com/3766/12953056854_b8cdf14f21.jpg'); */
  background-image: url('http://biometricfinancial.fnvt.net/wp-content/uploads/BioFi_Token.png');
}

#terminologyCircleBG {
  width:55%;height:55%;
  left:22.5%; top:22.5%;
  border-radius:50vmin;
  box-shadow:0 0 0 5vmin #E3DFD2;
  transform:scale(1);
  background: #e3dfd2;
  display: none;
}
#productsCircleBG {
  width:55%;height:55%;
  left:22.5%; top:22.5%;
  border-radius:50vmin;
  box-shadow:0 0 0 5vmin #E3DFD2;
  transform:scale(1);
  background: #e3dfd2;
  display: none;
}
#scienceCircleBG {
  width:55%;height:55%;
  left:22.5%; top:22.5%;
  border-radius:50vmin;
  box-shadow:0 0 0 5vmin #E3DFD2;
  transform:scale(1);
  background: #e3dfd2;
  display: none;
}
#securityCircleBG {
  width:55%;height:55%;
  left:22.5%; top:22.5%;
  border-radius:50vmin;
  box-shadow:0 0 0 5vmin #E3DFD2;
  transform:scale(1);
  background: #e3dfd2;
  display: none;
}
.title1 {
  z-index: 1;
  font-weight: 600;
  font-size: .8em;
  color: black;
  opacity: 1;
  position: absolute;
  top: 23%;
  left: 5%;
  max-width: 98%;
  text-align: center;
  line-height: 1em;
}
.paragraph1 {
  z-index: 1;
  font-size: .8em;
  color: black;
  opacity: 1;
  position: absolute;
  top: 40%;
  left: 0%;
  max-width: 98%;
  text-align: center;
  padding-top: 2%;
  line-height: 1em;
}
/* .nextButton {
  z-index: 1;
  font-size: 20px;
  color: black;
  opacity: 1;
  position: absolute;
  top: 66%;
  left: 38%;
  max-width: 98%;
  text-align: center;
  padding-top: 2%;
} */
.viewMoreButton {
  z-index: 1;
  font-size: .8em;
  color: black;
  opacity: 1;
  position: absolute;
  top: 66%;
  left: 51%;
  max-width: 98%;
  text-align: center;
  padding-top: 2%;
}

span{
  position:relative;
  display:block;
  margin:0 auto;
  top:45vmin;
  width:10vmin; height:10vmin;
  border-radius:100%;
  background:#585247;
  transform:translateZ(0px);
}
span span{
  position:absolute;
  width:60%;height:3px;
  background:#ACA696;
  left:20%; top:50%;
  border-radius:0;
}
span span:after, span span:before{
  content:'';
  position:absolute;
  left:0; top:-1.5vmin;
  width:100%; height:100%;
  background:inherit;
}
span span:after{
  top:1.5vmin;
}
span:hover + .wrap, .wrap:hover{
  /* transform:scale(.8) translateZ(0px); */
  opacity:1;
}
span:hover + .wrap a, .wrap:hover a{
  transform:scale(1) translatez(0px);
}
a:hover div{
  opacity:1;
  transform:translatez(0px);
}



@media screen and (min-width: 250px) and (max-width: 449px) {
  .title1 {
    font-size: .5em;
    line-height: 1.4em;
  }

  .paragraph1 {
    font-size: .5em;
    line-height: 1.4em;
  }

  .viewMoreButton {
    font-size: .5em;
  }
}

@media screen and (min-width: 450px) and (max-width: 549px) {
  .title1 {
    font-size: .6em;
    line-height: 1.4em;
  }

  .paragraph1 {
    font-size: .6em;
    line-height: 1.4em;
  }

  .viewMoreButton {
    font-size: .6em;
  }
}

@media screen and (min-width: 550px) and (max-width: 649px) {
  .title1 {
    font-size: .7em;
    line-height: 1.4em;
  }

  .paragraph1 {
    font-size: .7em;
    line-height: 1.4em;
  }

  .viewMoreButton {
    font-size: .7em;
  }
}

@media screen and (min-width: 650px) and (max-width: 749px) {
  .title1 {
    font-size: .8em;
  }

  .paragraph1 {
    font-size: .8em;
  }

  .viewMoreButton {
    font-size: .8em;
  }
}

@media screen and (min-width: 950px) {
  .title1 {
    font-size: .9em;
  }

  .paragraph1 {
    font-size: .9em;
  }

  .viewMoreButton {
    font-size: .9em;
  }
}







.button-primary.small.w-button {
  margin-left: 10px;
}/* End custom CSS */