/*:root{
	--primary: 0, 121, 167;
	--secondary: 255,255,255; // Header
	--bgColor: 200, 159, 31;    // Footer
	--textCTA: 255,255,255; 
	--btnCTA: 0, 121, 167;
}*/
.block-scroll {
  overflow: hidden; }

a {
  color: inherit !important; }

.wrap-head {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 10px;
  background: rgba(var(--secondary), 1);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
  transition: all .3s; }
  .wrap-head.sticky {
    padding: 5px;
    transition: all .3s; }
    .wrap-head.sticky .logo-funnel,
    .wrap-head.sticky .logo-thankyou {
      transition: all .3s; }
      .wrap-head.sticky .logo-funnel img,
      .wrap-head.sticky .logo-thankyou img {
        width: 100%;
        height: auto; }
  .wrap-head .container.left {
    display: flex;
    justify-content: flex-start; }
  .wrap-head .container.center {
    display: flex;
    justify-content: center; }
  .wrap-head .container.right {
    display: flex;
    justify-content: flex-end; }
  .wrap-head .container .logo-funnel,
  .wrap-head .container .logo-thankyou {
    max-width: 150px;
    transition: all .3s; }
    @media only screen and (min-width: 768px) {
      .wrap-head .container .logo-funnel,
      .wrap-head .container .logo-thankyou {
        max-width: 200px; } }
    .wrap-head .container .logo-funnel img,
    .wrap-head .container .logo-thankyou img {
      width: 100% !important;
      object-fit: contain; }

.cookies-wrapper {
  background: #202020;
  position: fixed;
  bottom: 15px;
  left: -500px;
  z-index: 901;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
  max-width: 450px;
  opacity: 0;
  transition: all .4s; }
  .cookies-wrapper.cookies-open {
    left: 15px;
    opacity: 1;
    transition: all .4s; }
  .cookies-wrapper:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #202020;
    position: absolute;
    z-index: 51;
    top: 15%;
    left: -9px; }
  .cookies-wrapper .cookie-container {
    display: flex;
    align-items: center; }
    .cookies-wrapper .cookie-container .cookie-icn {
      width: 50px;
      height: auto;
      min-width: 50px;
      display: block; }
      @media only screen and (min-width: 768px) {
        .cookies-wrapper .cookie-container .cookie-icn {
          display: block; } }
      .cookies-wrapper .cookie-container .cookie-icn img {
        width: 100%;
        height: auto; }
    .cookies-wrapper .cookie-container .cookie-info {
      padding: 0 35px 0 15px; }
      .cookies-wrapper .cookie-container .cookie-info .text-normal {
        color: white;
        font-size: 12px; }
        @media only screen and (min-width: 768px) {
          .cookies-wrapper .cookie-container .cookie-info .text-normal {
            font-size: 16px; } }
    .cookies-wrapper .cookie-container .cookie-btn {
      background: white;
      font-family: 'Montserrat';
      font-weight: 600;
      font-size: 14px;
      border-radius: 5px;
      padding: 5px 10px;
      cursor: pointer;
      border: 1px solid white;
      transition: all .3s; }
      .cookies-wrapper .cookie-container .cookie-btn:hover {
        background: transparent;
        color: white; }

.doitFH-wrapper {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9991; }
  .doitFH-wrapper .doitFH-container {
    background: #262626;
    padding: 10px 20px;
    border-radius: 7px;
    box-shadow: 2px 2px 10px #170022;
    position: relative; }
    .doitFH-wrapper .doitFH-container:before {
      content: "";
      position: absolute;
      right: -5px;
      bottom: -5px;
      width: 100%;
      height: 100%;
      background: #e5adff;
      z-index: -1;
      border-radius: 10px; }
    .doitFH-wrapper .doitFH-container .doitFH-info .text-normal {
      color: white;
      text-align: center;
      letter-spacing: 1px;
      font-size: 14px;
      font-weight: 500; }
    .doitFH-wrapper .doitFH-container .doitFH-icn img {
      width: 175px; }

.funnel-iframe {
  width: 100%; }
  .funnel-iframe > div {
    width: 100% !important; }
  .funnel-iframe iframe {
    width: 100% !important;
    padding: 3rem; }
  .funnel-iframe form {
    width: 100% !important; }
    .funnel-iframe form input {
      width: 100%;
      background-color: red; }

input.color-disabled {
  position: relative;
  pointer-events: none; }
  input.color-disabled:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(195, 195, 195, 0.85);
    width: 100%;
    height: 100%; }

.addLayer {
  border: 1px dashed rgba(0, 0, 0, 0.5);
  padding: 15px;
  background: white;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }

.btn-add-layer {
  position: relative;
  display: inherit;
  background: rgba(var(--primary), 1);
  color: white;
  padding: .5rem 1rem;
  border-radius: 10px;
  border: 3px solid rgba(var(--primary), 0.5);
  margin-top: 1rem;
  cursor: pointer; }
  .btn-add-layer.left {
    float: left; }
  .btn-add-layer.right {
    float: right; }
  .btn-add-layer.center {
    float: inherit;
    display: table;
    margin: 0 auto; }
  .btn-add-layer div {
    font-weight: 600; }
    .btn-add-layer div span {
      background: white;
      width: 25px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      height: 25px;
      line-height: 0;
      margin-right: 5px; }
      .btn-add-layer div span i {
        color: rgba(var(--primary), 1);
        font-size: 16px; }
  .btn-add-layer.small-btn {
    opacity: .8; }
    .btn-add-layer.small-btn div {
      font-size: 14px; }
      .btn-add-layer.small-btn div span {
        width: 18px;
        height: 18px;
        padding: 1px 0 0 0; }
        .btn-add-layer.small-btn div span i {
          font-size: 11px; }

.wrap-flex {
  display: flex; }

.funnel-title {
  font-size: 1.75rem;
  line-height: 1.2;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  margin-bottom: .5rem; }
  @media only screen and (min-width: 768px) {
    .funnel-title {
      font-size: 3.5rem; } }
  .funnel-title p {
    margin-bottom: 0px !important; }

.funnel-text {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif; }

.text-normal {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif; }

.funnel-sec-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  font-family: 'Montserrat', sans-serif; }
  @media only screen and (min-width: 768px) {
    .funnel-sec-title {
      font-size: 1.75rem; } }
  .funnel-sec-title p {
    margin-bottom: 0px !important; }
  .funnel-sec-title.detail {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 30px; }
    .funnel-sec-title.detail.text-left:after {
      content: "";
      position: absolute;
      width: 35px;
      height: 5px;
      background: rgba(var(--primary), 1);
      bottom: 0px;
      border-radius: 50px 0 50px 0;
      left: 0px; }
    .funnel-sec-title.detail.text-center:after {
      content: "";
      position: absolute;
      width: 35px;
      height: 5px;
      background: rgba(var(--primary), 1);
      bottom: 0px;
      border-radius: 50px 0 50px 0;
      left: 50%;
      transform: translate(-50%, 0%); }
    .funnel-sec-title.detail.text-right:after {
      content: "";
      position: absolute;
      width: 35px;
      height: 5px;
      background: rgba(var(--primary), 1);
      bottom: 0px;
      border-radius: 50px 0 50px 0;
      right: 0px; }

video,
iframe[title="YouTube video player"] {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  border-radius: 5px; }

.container_video iframe {
  padding: 8px;
  border-radius: 5px; }
  .container_video iframe.light {
    background: linear-gradient(135deg, white, rgba(var(--primary), 1)); }
  .container_video iframe.dark {
    background: linear-gradient(135deg, #212121, rgba(var(--primary), 1)); }
  .container_video iframe.solid {
    background: rgba(var(--primary), 1); }

footer {
  background-color: #d4d4d4;
  padding: 15px 0;
  position: relative;
  z-index: 900; }
  footer .container .wrap-flex {
    justify-content: space-between;
    flex-flow: column;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      footer .container .wrap-flex {
        flex-flow: row; } }
    footer .container .wrap-flex .foot-logo {
      margin-bottom: 1rem;
      width: 150px; }
      @media only screen and (min-width: 768px) {
        footer .container .wrap-flex .foot-logo {
          margin-bottom: 0px; } }
      footer .container .wrap-flex .foot-logo img {
        width: 100%; }
    footer .container .wrap-flex .foot-links {
      display: flex;
      align-items: center; }
      footer .container .wrap-flex .foot-links ul {
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-flow: column;
        align-items: center; }
        @media only screen and (min-width: 768px) {
          footer .container .wrap-flex .foot-links ul {
            flex-flow: row; } }
        footer .container .wrap-flex .foot-links ul li {
          list-style: none;
          margin-bottom: 0px; }
          @media only screen and (min-width: 768px) {
            footer .container .wrap-flex .foot-links ul li:not(:first-child) {
              margin-left: 30px; } }
          footer .container .wrap-flex .foot-links ul li a {
            text-decoration: none;
            color: black;
            font-family: Montserrat;
            font-weight: 400; }
  footer .container .foot-alert {
    padding-top: 1.25rem;
    margin-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.25); }
    footer .container .foot-alert .funnel-text {
      font-size: .85rem;
      font-family: montserrat;
      text-align: center;
      padding: 0 15px;
      font-weight: 400; }
  footer.funnel-1 {
    background-color: rgba(var(--bgColor), 0.5); }

.container-save {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  z-index: 9990;
  transform: translate(-50%, 0); }
  .container-save:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00b75a;
    animation: savePulse 1.5s infinite;
    z-index: 0;
    border-radius: 5px;
    opacity: .45;
    top: 0px; }
  .container-save:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00b75a;
    animation: savePulseAfter 1.5s infinite;
    z-index: -1;
    border-radius: 5px;
    opacity: .2;
    top: 0px; }
  .container-save .main-save-btn {
    background: #f8f8f8;
    padding: 10px 15px;
    border-radius: 5px;
    position: relative; }
    .container-save .main-save-btn i {
      margin-right: 10px;
      color: #00b75a; }
    .container-save .main-save-btn span {
      font-weight: 400;
      color: #00b75a; }

/** CUSTOM C */
.checkboxLabelR {
  color: red;
  background: #ebebeb;
  padding: 5px;
  border-radius: 5px; }

.checkboxLabel {
  color: black;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 5px; }

@keyframes savePulse {
  0% {
    width: 100%;
    left: 0;
    height: 100%;
    top: 0px; }
  20% {
    width: calc(100% + 10px);
    left: -5px;
    height: calc(100% + 10px);
    top: -5px; }
  40% {
    width: 100%;
    left: 0;
    height: 100%;
    top: 0px; } }
@keyframes savePulseAfter {
  20% {
    width: 100%;
    left: 0;
    height: 100%;
    top: 0px; }
  50% {
    width: calc(100% + 13px);
    left: -6.5px;
    height: calc(100% + 13px);
    top: -6.5px; }
  80% {
    width: 100%;
    left: 0;
    height: 100%;
    top: 0px; } }
.partners-carrousel::-webkit-scrollbar {
  width: 12px;
  height: 3px; }

.partners-carrousel::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1); }

.partners-carrousel::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.25); }

.container-btn {
  width: 100%;
  display: block;
  margin: 45px 0; }
  .container-btn.btn-left, .container-btn.left {
    text-align: left !important; }
  .container-btn.btn-center, .container-btn.center {
    text-align: center !important; }
  .container-btn.btn-right, .container-btn.right {
    text-align: right !important; }
  .container-btn .btn-gl {
    display: inline-flex;
    width: auto;
    transition: all .4s; }
    .container-btn .btn-gl i {
      margin-right: 10px; }
    .container-btn .btn-gl a {
      text-align: center; }
      .container-btn .btn-gl a span {
        display: block;
        opacity: .6;
        font-size: 18px;
        margin-top: 10px;
        text-transform: none;
        font-weight: 400; }
    .container-btn .btn-gl.btn-solid {
      background: rgba(var(--btnCTA), 1); }
      .container-btn .btn-gl.btn-solid > a {
        color: rgba(var(--textCTA), 1) !important; }
    .container-btn .btn-gl.btn-ghost {
      background: transparent; }
      .container-btn .btn-gl.btn-ghost > a {
        color: rgba(var(--textCTA), 1) !important; }
    .container-btn .btn-gl.btn-outline {
      border: 2px solid rgba(var(--btnCTA), 1);
      background: transparent; }
      .container-btn .btn-gl.btn-outline > a {
        color: rgba(var(--textCTA), 1) !important; }
    .container-btn .btn-gl.btn-rounded {
      background: rgba(var(--btnCTA), 1);
      border-radius: 50px; }
      .container-btn .btn-gl.btn-rounded > a {
        color: rgba(var(--textCTA), 1) !important; }
    .container-btn .btn-gl.btn-omised {
      display: none !important; }
    .container-btn .btn-gl > a {
      text-decoration: none;
      font-family: 'Montserrat', sans-serif;
      line-height: 1;
      padding: 1.5rem;
      font-size: 25px;
      font-weight: 600;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .container-btn .btn-gl > a {
          padding: 1.5rem 4rem; } }
    .container-btn .btn-gl:hover {
      opacity: .85; }

 
    
   .container-btn {
    width: 100%;
    display: block; }
     .container-btn.custom-btn {
      transition: all .3s; }
       .container-btn.custom-btn > .btn-gl {
        position: relative;
        width: auto;
        display: inline-flex;
        background: none; }
         .container-btn.custom-btn > .btn-gl.btn-md_ a {
          padding: 1rem 3rem;
          font-size: 21px; }
         .container-btn.custom-btn > .btn-gl.btn-sm_ a {
          padding: 1rem 1rem;
          font-size: 16px; }
         .container-btn.custom-btn > .btn-gl.btn-2 {
          transition: all .3s;
          background: rgba(var(--primary-cta), 1);
          background: linear-gradient(0deg, rgba(var(--primary-cta), 1) 0%, rgba(var(--secondary-cta), 1) 100%);
          border: none;
          box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.25); }
         .container-btn.custom-btn > .btn-gl.btn-2:before {
          height: 0%;
          width: 2px; }
         .container-btn.custom-btn > .btn-gl.btn-2:hover {
          box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.5), -4px -4px 6px 0 rgba(116, 125, 136, 0.5), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.4); }
         .container-btn.custom-btn > .btn-gl.btn-3 {
          background: #00acee;
          background: linear-gradient(0deg, rgba(var(--secondary-cta), 1) 0%, rgba(var(--primary-cta), 1) 100%);
          width: auto;
          height: auto;
          border: none;
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25); }
         .container-btn.custom-btn > .btn-gl.btn-3:before,  .container-btn.custom-btn > .btn-gl.btn-3:after {
          position: absolute;
          content: "";
          background: rgba(var(--primary-cta), 1);
          transition: all 0.3s ease; }
         .container-btn.custom-btn > .btn-gl.btn-3:before {
          top: 0px;
          left: 0px; }
         .container-btn.custom-btn > .btn-gl.btn-3:after {
          bottom: 0px;
          right: 0px; }
         .container-btn.custom-btn > .btn-gl.btn-3:before,  .container-btn.custom-btn > .btn-gl.btn-3:after {
          height: 3px;
          width: 0px; }
         .container-btn.custom-btn > .btn-gl.btn-3:hover {
          background: transparent;
          box-shadow: none; }
         .container-btn.custom-btn > .btn-gl.btn-3:hover a {
          color: rgba(var(--primary-cta), 1) !important; }
         .container-btn.custom-btn > .btn-gl.btn-3:hover:before,  .container-btn.custom-btn > .btn-gl.btn-3:hover:after {
          width: 100%; }
         .container-btn.custom-btn > .btn-gl.btn-4 {
          background: none;
          width: auto;
          height: auto;
          display: inline-flex;
          border: none;
          overflow: hidden;
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25); }
         .container-btn.custom-btn > .btn-gl.btn-4:hover {
          box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.5), -4px -4px 6px 0 rgba(116, 125, 136, 0.5), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.4); }
         .container-btn.custom-btn > .btn-gl.btn-4:before {
          content: "";
          width: 100%;
          height: 100%;
          background: linear-gradient(315deg, rgba(var(--primary-cta), 1) 0%, rgba(var(--secondary-cta), 1) 74%);
          position: relative;
          top: 0px;
          left: 0px;
          position: absolute;
          z-index: -1;
          transition: all .2s; }
         .container-btn.custom-btn > .btn-gl.btn-4:hover:before {
          transform: rotate(180deg); }
         .container-btn.custom-btn > .btn-gl.btn-5 {
          background: linear-gradient(0deg, rgba(var(--primary-cta), 1) 0%, rgba(var(--secondary-cta), 1) 100%);
          width: auto;
          height: auto;
          display: inline-flex;
          border: none;
          overflow: hidden;
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25); }
         .container-btn.custom-btn > .btn-gl.btn-5:before {
          content: "";
          width: 100%;
          height: 0%;
          background: linear-gradient(0deg, rgba(var(--secondary-cta), 1) 0%, rgba(var(--primary-cta), 1) 100%);
          position: relative;
          top: 0px;
          left: 0px;
          position: absolute;
          z-index: 0;
          transition: all .2s; }
         .container-btn.custom-btn > .btn-gl.btn-5:hover:before {
          height: 100%; }
         .container-btn.custom-btn > .btn-gl.btn-5 a {
          z-index: 1; }
         .container-btn.custom-btn > .btn-gl.btn-6 {
          background: linear-gradient(0deg, rgba(var(--primary-cta), 1) 0%, rgba(var(--secondary-cta), 1) 100%);
          width: auto;
          height: auto;
          display: inline-flex;
          border: none;
          overflow: hidden;
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
          transition: all .75s; }
         .container-btn.custom-btn > .btn-gl.btn-6:hover {
          border-radius: 10px; }
         .container-btn.custom-btn > .btn-gl.btn-6:before {
          content: "";
          width: 0%;
          height: 100%;
          background: linear-gradient(0deg, rgba(var(--secondary-cta), 1) 0%, rgba(var(--primary-cta), 1) 100%);
          position: relative;
          top: 0px;
          left: 0px;
          position: absolute;
          z-index: 0;
          transition: all .4s; }
         .container-btn.custom-btn > .btn-gl.btn-6:hover:before {
          width: 100%; }
         .container-btn.custom-btn > .btn-gl.btn-6 a {
          z-index: 1; }
         .container-btn.custom-btn > .btn-gl.btn-7 {
          transition: all .3s;
          background: radial-gradient(circle, rgba(var(--secondary-cta), 1) 0%, rgba(var(--primary-cta), 1) 100%);
          border: none;
          box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.25); }
         .container-btn.custom-btn > .btn-gl.btn-8 {
          transition: all .3s;
          background: radial-gradient(circle, rgba(var(--secondary-cta), 1) 0%, rgba(var(--primary-cta), 1) 100%);
          border: none;
          box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.25);
          transition: all .3s; }
         .container-btn.custom-btn > .btn-gl.btn-8:hover {
          background: white; }
         .container-btn.custom-btn > .btn-gl.btn-8:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          height: 0%;
          width: 0%;
          background: rgba(var(--third-cta), 1);
          z-index: 0;
          transition: all .2s; }
         .container-btn.custom-btn > .btn-gl.btn-8.btn-rounded:before {
          border-radius: 50px; }
         .container-btn.custom-btn > .btn-gl.btn-8:hover:before {
          height: 100%;
          width: 100%; }
         .container-btn.custom-btn > .btn-gl.btn-8 a {
          z-index: 1; }
          
/*# sourceMappingURL=buttons.css.map */