/*
 Theme Name:  Social Post Maker
 Description: Powered by VRHL
 Requires at  least: WordPress 5.1.1
 Version:     1.0
 Author:      De Hulk
 Author URI:  https://www.vrhl.nl
 Text Domain: custom_theme

 .----------------.  .----------------.  .----------------.  .----------------. 
| .--------------. || .--------------. || .--------------. || .--------------. |
| | ____   ____  | || |  _______     | || |  ____  ____  | || |   _____      | |
| ||_  _| |_  _| | || | |_   __ \    | || | |_   ||   _| | || |  |_   _|     | |
| |  \ \   / /   | || |   | |__) |   | || |   | |__| |   | || |    | |       | |
| |   \ \ / /    | || |   |  __ /    | || |   |  __  |   | || |    | |   _   | |
| |    \ ' /     | || |  _| |  \ \_  | || |  _| |  | |_  | || |   _| |__/ |  | |
| |     \_/      | || | |____| |___| | || | |____||____| | || |  |________|  | |
| |              | || |              | || |              | || |              | |
| '--------------' || '--------------' || '--------------' || '--------------' |
 '----------------'  '----------------'  '----------------'  '----------------' 
 */


*:focus {
  outline: none;
}

/* - - - - - V A R S - - - - - */

:root {
 --white: #ffffff;
 --orange: #FF6E14;
 --black: #000000;
 --lightorange: #FFE3D8;
 --lightpink: #FFD6F1;
 --purple: #B75ABA;
 --dark: #4D2C49;
 --primary-font:'CircularStd-Black';
 --secondary-font:'CircularXXWeb-Book';
}


/* - - - - - F O N T S - - - - - */

@font-face {
  font-family: "CircularXXWeb-Book";
  src: url("assets/fonts/CircularXXWeb-Book.woff") format("woff");
}

@font-face {
  font-family: "CircularXXWeb-Book";
  src: url("assets/fonts/CircularXXWeb-Book.woff2") format("woff2");
}

@font-face {
  font-family: "CircularXXWeb-BookItalic";
  src: url("assets/fonts/CircularXXWeb-BookItalic.woff") format("woff");
}

@font-face {
  font-family: "CircularXXWeb-BookItalic";
  src: url("assets/fonts/CircularXXWeb-BookItalic.woff2") format("woff2");
}

@font-face {
  font-family: "CircularXXWeb-Bold";
  src: url("assets/fonts/CircularXXWeb-Bold.woff") format("woff");
}

@font-face {
  font-family: "CircularXXWeb-Bold";
  src: url("assets/fonts/CircularXXWeb-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "CircularXXWeb-BoldItalic";
  src: url("assets/fonts/CircularXXWeb-BoldItalic.woff") format("woff");
}

@font-face {
  font-family: "CircularXXWeb-BoldItalic";
  src: url("assets/fonts/CircularXXWeb-BoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "CircularStd-Black";
  src: url("assets/fonts/CircularStd-Black.woff2") format("woff2");
}

@font-face {
  font-family: "CircularStd-Black";
  src: url("assets/fonts/CircularStd-Black.woff") format("woff2");
}



/* 
Lenis recomended css 
*/

html.lenis {
 height: auto;
}

.lenis.lenis-smooth {
 scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
 overscroll-behavior: contain;
}

.lenis.lenis-stopped {
 overflow: hidden;
}

.lenis.lenis-scrolling iframe {
 pointer-events: none;
}

/* 
Lenis recomended css ends 
*/

/* - - - - - C O R E - - - - - */


.min-h-100 {min-height: 100vh !important;}
.min-h-90 {min-height: 90vh;}
.min-h-80 {min-height: 80vh;}
.min-h-70 {min-height: 70vh !important;}
.min-h-60 {min-height: 60vh !important;}
.min-h-50 {min-height: 50vh !important;}
.min-h-40 {min-height: 40vh !important;}
.min-h-30 {min-height: 30vh !important;}
.min-h-20 {min-height: 20vh !important;}
.min-h-10 {min-height: 10vh !important;}

.z-index-2 {z-index:2 !important;}
.z-index-3 {z-index:3 !important;}
.z-index-4 {z-index:4 !important;}
.z-index-5 {z-index:5 !important;}
.z-index-6 {z-index:6 !important;}

.container {
 max-width:1360px !important;
}

.container-fluid {
 max-width:2600px !important;
}

.white {color:var(--white) !important;}

/* - - - - - A O S - - - - - */
[data-aos=bleep] {
   width:70%;
   filter: contrast(2);
   filter:blur(10px);

}

[data-aos=bleep].aos-animate {
   width:100%;
   filter: contrast(1);
   filter:blur(0px);
}

[data-aos=tadaa] {
 filter: blur(9px);
 opacity: 0;
 padding-top:0px;
}

[data-aos=tadaa].aos-animate {
  opacity: 1;
  filter: blur(0px);
  padding-top: 0px;
  margin-top:0px;
}

[data-aos=fadee] {
 opacity: 0;
}

[data-aos=fadee].aos-animate {
  opacity: 1;
}

[data-aos=left] {left:60px;top:60px;}
[data-aos=left].aos-animate {left:-1px;top:-1px;}

[data-aos=right] {right:60px;bottom:60px;}
[data-aos=right].aos-animate {right:-1px;bottom:-1px;}

[data-aos=blur] {filter: blur(10px); opacity:0.7; transition:0.3s !important; transition-delay:0.3s !important;}
[data-aos=blur].aos-animate {filter: blur(0px); opacity:1;}


/* - - - - - B A S E - - - - - */

body {
 -webkit-font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
 -moz-osx-font-smoothing: grayscale;
 font-family: var(--secondary-font);
 background-color:#FFE3D8;
}

footer {
   background-color:var(--dark);
}

footer p {
   color:var(--white);
   opacity:0.8;
}

h1{
 font-family: var(--primary-font);
 -webkit-font-smoothing:antialiased !important;
 -moz-osx-font-smoothing: grayscale; 
 color: var(--pink);
 overflow:hidden;
}

h2{
 font-family: var(--primary-font);
 color:var(--orange); 
 font-size:44px;
 line-height:50px;
 margin-bottom:10px;
}

h3{
 font-family: var(--primary-font);
 color:var(--orange); 
 font-size:28px;
 line-height:50px;
 margin-bottom:10px;
}

h4{
 font-family: var(--primary-font);
 color:var(--orange); 
 font-size:34px;
 line-height:40px;
 margin-bottom:10px;
}

h5 {
 font-size:24px; 
 line-height:30px;
 margin-top:10px;
 font-weight: 500;
 margin-bottom:10px;
 letter-spacing:1px;
 font-family: var(--primary-font);
}


p {
 font-family:var(--secondary-font);
 color: var(--black);
 font-size: 20px;
 line-height: 32px;
 opacity:0.8;
}

li {
   font-size: 22px;
   line-height: 30px; 
}

strong {
   font-weight:800;
}

input[type=range] {
 -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
 width: 100%; /* Specific width is required for Firefox. */
}

input[type=range]::-webkit-slider-thumb {
 -webkit-appearance: none;
}

input[type=range]:focus {
 outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
 width: 100%;
 cursor: pointer;

 /* Hides the slider so custom styles can be added */
 background: transparent !important; 
 border-color: transparent;
 color: transparent;
}

input[type=range]::-webkit-slider-thumb {
 -webkit-appearance: none;
 height: 20px;
 width: 20px;
 border-radius: 500px;
 background: var(--orange);
 cursor: pointer;
 margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
 height: 20px;
 width: 20px;
 border-radius: 500px;
 background: var(--orange);
 cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
 height: 20px;
 width: 20px;
 border-radius: 500px;
 background: var(--orange);
 cursor: pointer;
}

.form-range {
   background-color:var(--orange);
   width: 100%;
   height: 0px !important;
   border-radius: 5px;  
   background: #d3d3d3 !important;
   outline: none;
}

.led {display:none;}

@media (min-width:1200px) {
   .led {
      position: absolute;
      right:0px;
      top:100px;
      width:350px;
      z-index:0;
      display:block;
      animation-name: bling;
      animation-duration: 6s;
      animation-iteration-count: infinite;
   }
}

@keyframes bling {
 0%   {opacity:1;}
 25%   {opacity:1; scale:1;}
 26%   {opacity:0; filter: contrast(1); scale:0.95;}
 27%   {opacity:1; filter: contrast(5);}
 28%   {opacity:0; filter: contrast(1);}
 29%   {opacity:1; filter: contrast(5);}
 100%   {opacity:1; filter: contrast(1);scale:1;}
}


.viraal-gaan {
   position: relative;
   padding-right:100px;
   display:inline-block;
}


.viraal-gaan::after {
   content:'';
   width:90px;
   height:90px;
   display:inline-block;
   background-image:url('assets/images/v.svg');
   background-size:contain;
   margin-top:-60px;
   position: absolute;
   right:0px;
   top:0px;
}

body.page-with-spm-shortcode .nav-tabs .nav-link.active {
   background-color:transparent !important;
}



.btn {
   border-radius:500px;
   padding:15px 30px;
   background-color:var(--orange);
   color: var(--white);
   text-transform:uppercase;
   font-size:14px;
   font-weight:bold;
}

.btn:hover {
   background-color:var(--white);
   color:var(--orange);
}

.btn-outline-primary-123 {
   border:2px solid #4D2C49;
   opacity:0.4;
   color:#4D2C49 !important;
   transition:0.3s !important;
   background-color:rgba(0,0,0,0) !important;
}

.btn-outline-primary-123:hover {
   opacity:1;
   border:2px solid #4D2C49;
}

.button {
 background-color:#F76840; 
 padding:20px 70px 20px 30px; 
 border-radius:300px; 
 text-transform:uppercase;
 text-decoration:none; 
 color:#ffffff;
 transition:0.5s;
 position:relative;
 overflow:hidden !important;
 font-weight: bold;
 opacity: 1 !important;
 margint-top:30px;
 display:inline-block;
}

.button:hover {
 background-color:#F76840; 
 padding:20px 30px 20px 70px; 
 border-radius:300px; 
 text-transform:uppercase; 
 color:#ffffff;
 transition:0.5s;
 position:relative;
 overflow:hidden;
}

.button::before {
 position: absolute;
 left:-30px;
 top:0px;
 height:100%;
 width:30px;
 display:block;
 content:'';
 background-image:url('assets/images/arrow.svg');
 background-size:80%;
 background-repeat:no-repeat;
 background-position:center center;
 transition:0.5s;
 opacity:0;
}

.button:hover::before {
 left:15px;
 opacity:1;
}

.button:hover::after {
 right:-30px;
}

.button::after {
 position: absolute;
 right:15px;
 top:0px;
 height:100%;
 width:30px;
 display:block;
 content:'';
 background-image:url('assets/images/arrow.svg');
 background-size:80%;
 background-repeat:no-repeat;
 background-position:center center;
 transition:0.5s;
}

.secundair a {
   background-color: #F9F7E4 !important;
}

.secundair a:hover {
   background-color: #F9F7E4 !important;
   border:0.5px solid var(--purple);
}

.wp-block-button a {transition:0.3s !imoportant; margin-top:20px;}
.wp-block-button a:hover {
   opacity:0.6;
}
a {
   color: var(--orange);
   text-decoration:none;
   font-size:20px;

}

.wp-block-separator {
   border: none;
   border-top: 2px dotted black;
   padding-top:2px;
}







/* - - - - - G R A V I T Y F O R M S  - - - - - */


.social {
   display:inline-block;
   width:30px;
   height:30px;
   margin-right:5px;
   background-size:contain;
   background-color: center ceter;
   background-repeat:no-repeat;
}

.facebook {background-image:url('assets/images/facebook.svg');}
.linkedin {background-image:url('assets/images/linkedin.svg');}
.tiktok {background-image:url('assets/images/tiktok.svg');}
.vimeo {background-image:url('assets/images/vimeo.svg');}
.instagram {background-image:url('assets/images/instagram.svg');}




.gform_wrapper {
   border-radius:10px;
}

.gform_wrapper.gravity-theme .gfield_label {
   display:inline-block;
   font-size:25px;
   font-weight:700;
   margin-bottom:15px;
   padding:0;
   margin-top:15px;
   font-family:var(--primary-font);
   color:var(--purple);
}

.gform_wrapper.gravity-theme textarea {
  color:#737271;}


  .gform_wrapper.gravity-theme .gfield_header_item,
  .gform_wrapper.gravity-theme .gform_fileupload_rules,
  .gform_wrapper.gravity-theme .ginput_complex label {
   padding-top:5px
}
.gform_wrapper.gravity-theme.left_label fieldset.gfield,
.gform_wrapper.gravity-theme.right_label fieldset.gfield {
   padding:16px 16px 16px 30%
}
.gform_wrapper.gravity-theme.left_label fieldset.gfield .gfield_description,
.gform_wrapper.gravity-theme.left_label fieldset.gfield .ginput_container:not(.ginput_container_time),
.gform_wrapper.gravity-theme.right_label fieldset.gfield .gfield_description,
.gform_wrapper.gravity-theme.right_label fieldset.gfield .ginput_container:not(.ginput_container_time) {
   width:100%
}
.gform_wrapper.gravity-theme.left_label legend.gfield_label,
.gform_wrapper.gravity-theme.right_label legend.gfield_label {
   left:0
}
.gform_wrapper.gravity-theme.left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset),
.gform_wrapper.gravity-theme.right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
   justify-content:flex-start
}
.gform_wrapper.gravity-theme.left_label .gfield_html.gfield_html_formatted,
.gform_wrapper.gravity-theme.right_label .gfield_html.gfield_html_formatted {
   display:flex
}
.gform_wrapper.gravity-theme.left_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container,
.gform_wrapper.gravity-theme.right_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container {
   width:100%
}
.gform_wrapper.gravity-theme.right_label legend.gfield_label {
   text-align:right
}
.gform_wrapper.gravity-theme:not(.top_label) .ginput_container.ginput_single_email {
   margin-left:0
}
.gform_wrapper.gravity-theme .gform_validation_errors {
   background:#fff9f9;
   border:1.5px solid #c02b0a;
   border-radius:0px;
   box-shadow:0 1px 4px rgba(0,0,0,.11),0 0 4px rgba(18,25,97,.041);
   margin-bottom:8px;
   margin-top:8px;
   padding:16px 16px 16px 48px;
   position:relative;
   width:100%
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
   color:#c02b0a;
   font-size:13.2px;
   font-weight:500;
   line-height:17.6px;
   margin:0 0 12px
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2:before {
   display:none
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {
   align-items:center;
   display:flex;
   font-size:28px;
   height:100%;
   left:12px;
   position:absolute;
   top:0
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary {
   margin:0
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol {
   padding-left:20px
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol a {
   color:#c02b0a;
   font-size:13.2px
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol li {
   color:#c02b0a;
   font-size:13.2px;
   list-style-type:disc!important;
   margin:0 0 8px
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol li:last-of-type {
   margin-bottom:0
}
.gform_wrapper.gravity-theme .gfield_required {
   color:#000000;
   display:inline-block;
   font-size:15px;
   padding-left:.125em
}
.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom,
.gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
   font-style:italic;
   font-weight:400;
}
.gform_wrapper.gravity-theme .gform_required_legend .gfield_required {
   padding-left:0
}
.gform_wrapper.gravity-theme .validation_error {
   border-bottom:2px solid #c02b0a;
   border-top:2px solid #c02b0a;
   color:#c02b0a;
   font-size:1em;
   font-weight:700;
   margin-bottom:32px;
   padding:16px;
   text-align:center
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid=true]+label,
.gform_wrapper.gravity-theme label+[aria-invalid=true] {
   color:red !important;
   font-family:var(--primary-font);
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
   background: rgba(0,0,0,0.2);
   border:1px solid #c02b0a;
   font-size:14.992px;
   margin-top:8px;
   padding:12.992px 24px;
   display:none;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
   border:1px solid #c02b0a
}
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button {
   -webkit-appearance:none!important;
   background-color:#fff;
   color:#6b7280;
   text-decoration:none
}
.gform_wrapper.gravity-theme .gform_previous_button.button svg,
.gform_wrapper.gravity-theme .gform_save_link.button svg {
   display:inline-block;
   margin-right:4px
}
.gform_wrapper.gravity-theme button.button:disabled {
   opacity:.6
}
.gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
   display:flex
}
.gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .gform_footer input {
   align-self:flex-end
}
.gform_wrapper.gravity-theme #field_submit .gform_image_button,
.gform_wrapper.gravity-theme .gform_footer .gform_image_button {
   background-color:transparent;
   border:none;
   border-radius:0;
   height:auto;
   padding:0;
   width:auto
}
.gform_wrapper.gravity-theme #field_submit .gform-button--width-full,
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
   text-align:center;
   width:100%
}
.gform_wrapper.gravity-theme .ginput_complex {
   display:flex;
   flex-flow:row wrap
}
.gform_wrapper.gravity-theme .ginput_complex fieldset,
.gform_wrapper.gravity-theme .ginput_complex span {
   flex:1
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_full {
   flex:0 0 100%
}
.gform_wrapper.gravity-theme .ginput_complex .clear-multi {
   display:flex
}
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend {
   display:block
}
.gform_wrapper.gravity-theme .ginput_complex input,
.gform_wrapper.gravity-theme .ginput_complex select {
   width:100%
}
.gform_wrapper.gravity-theme .ginput_container_address {
   margin-left:-1%;
   margin-right:-1%
}
.gform_wrapper.gravity-theme .ginput_container_address span {
   flex:0 0 50%;
   padding-left:.9804%;
   padding-right:.9804%
}
.gform_wrapper.gravity-theme .gf_browser_ie .ginput_container_address span:not(.ginput_full) {
   flex:0 0 49.3%
}

.gform_button {
   background-color:var(--purple);
   font-size:25px;
   color:var(--white);
   border:0px solid;
   padding:15px 60px; 
   border-radius:100px;
   font-weight:700;
   color:var(--lightpink);
   display:inline-block;
}



@media (min-width:641px) {
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
      padding-right:1%
   }
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
      padding-left:1%;
      padding-right:0
   }
   .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)),
   .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
      margin-bottom:8px
   }
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
      padding-left:1%;
      padding-right:0
   }
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
      padding-left:0;
      padding-right:1%
   }
}
@media (max-width:640px) {
   .gform_wrapper.gravity-theme .ginput_complex span {
      flex:0 0 100%;
      margin-bottom:8px;
      padding-left:0
   }
   .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span {
      padding-left:.9804%
   }
}
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
   clear:both;
   font-family:inherit;
   font-size:15px;
   letter-spacing:normal;
   line-height:inherit;
   padding-top:13px;
   width:100%
}

.gform_wrapper.gravity-theme input[type="text"] {font-size:22px; !important;}
.gform_wrapper.gravity-theme .field_description_above .description,
.gform_wrapper.gravity-theme .field_description_above .gfield_description,
.gform_wrapper.gravity-theme .field_description_above .gsection_description,
.gform_wrapper.gravity-theme .field_description_above .instruction {
   padding-bottom:16px;
   padding-top:0
}
.gform_wrapper.gravity-theme .field_sublabel_above .description,
.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description,
.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
   margin-top:9.008px
}
.gform_wrapper.gravity-theme .top_label .gsection_description {
   margin-bottom:9.008px;
   width:100%
}
.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
.gform_wrapper.gravity-theme .gfield_consent_description {
   border:1px solid #ddd;
   font-size:13.008px;
   margin-top:12.8px;
   max-height:240px;
   overflow-y:scroll;
   padding:6.4px 8px;
   width:100%
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning {
   background-color:rgba(255,223,224,.25);
   border-bottom:4px solid #c02b0a;
   border-top:2px solid #c02b0a;
   padding:16px
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message {
   color:#c02b0a;
   font-family:inherit;
   font-size:16px;
   font-weight:700;
   min-height:32px;
   position:relative
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
   background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMDY3IDI4NjUgMjQgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTEwNjcgMjg2NSAyNCAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTS0xMDUzIDI4NjVjLTUuNSAwLTEwIDQuNS0xMCAxMGg0YzAtMy4zIDIuNy02IDYtNnM2IDIuNyA2IDZ2MmgtMjB2MTRjMCAzLjMgMi43IDYgNiA2aDEyYzMuMyAwIDYtMi43IDYtNnYtMTZjMC01LjUtNC41LTEwLTEwLTEwem00IDI4aC0xMmMtMS4xIDAtMi0uOS0yLTJ2LTEwaDE2djEwYzAgMS4xLS45IDItMiAyem0tNC02YzAgMS4xLS45IDItMiAycy0yLS45LTItMiAuOS0yIDItMiAyIC45IDIgMnoiIHN0eWxlPSJmaWxsOiM3OTAwMDAiLz48L3N2Zz4=);
   background-position:0 3.2px;
   background-repeat:no-repeat;
   background-size:24px 16px;
   border-bottom:1px solid #c02b0a;
   display:block;
   letter-spacing:.1pt;
   margin-bottom:16px;
   padding:0 0 16px 24px;
   text-transform:uppercase
}
.gform_wrapper.gravity-theme .ginput_cardextras {
   display:flex;
   flex-wrap:wrap
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_cardinfo_right input {
   width:100%
}
.gform_wrapper.gravity-theme .ginput_card_expiration_container {
   display:flex;
   flex-wrap:wrap
}
.gform_wrapper.gravity-theme .ginput_card_expiration_month {
   flex:1;
   margin-right:16px
}
.gform_wrapper.gravity-theme .ginput_card_expiration_year {
   flex:1
}
.gform_wrapper.gravity-theme .ginput_cardinfo_left label,
.gform_wrapper.gravity-theme .ginput_cardinfo_left legend,
.gform_wrapper.gravity-theme .ginput_cardinfo_right label,
.gform_wrapper.gravity-theme .ginput_cardinfo_right legend {
   flex:1 1 100%
}
.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left {
   display:flex;
   flex-direction:column
}
.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left legend {
   float:left;
   padding-top:5px
}
.gform_wrapper.gravity-theme .field_sublabel_below fieldset.ginput_cardinfo_left {
   flex-direction:column-reverse
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_card_expiration_month {
   margin-left:16px;
   margin-right:0
}
html[dir=rtl] .gform_wrapper.gravity-theme .gform_card_icon {
   float:right
}
html[dir=rtl] .gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
   background-position:right 3.2px;
   background-repeat:no-repeat;
   background-size:24px 16px;
   display:block;
   margin-bottom:16px;
   padding:0 24px 16px 0
}
html[dir=rtl] .gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left {
   display:flex
}
@media (max-width:640px) {

 .mobile-height {min-height:50vh;}

 .gform_wrapper.gravity-theme .ginput_card_expiration {
   flex:none
}
.gform_wrapper.gravity-theme .ginput_card_expiration_month {
   margin-bottom:8px
}
}
.gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date {
   margin-left:2%
}
.gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date {
   margin-left:0
}
.gform_wrapper.gravity-theme .ginput_container_date label {
   display:block
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date {
   margin-left:0;
   margin-right:16px
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date {
   margin-right:0
}
.gravity-theme.ui-datepicker {
   background:#fff;
   border:1px solid #d0d1d3;
   border-radius:3px;
   box-shadow:0 .0625rem .25rem rgba(0,0,0,.11),0 0 .25rem rgba(18,25,97,.041);
   color:#607382;
   font-size:.8125rem;
   font-weight:var(--gform-theme-font-weight-medium);
   margin-top:5px;
   padding:18px 15px;
   width:auto
}
.ginput_container input {font-size:22px !important;}
.gravity-theme.ui-datepicker table,
.gravity-theme.ui-datepicker td,
.gravity-theme.ui-datepicker th,
.gravity-theme.ui-datepicker thead,
.gravity-theme.ui-datepicker tr {
   background:none;
   border:0;
   margin:0
}
.gravity-theme.ui-datepicker td,
.gravity-theme.ui-datepicker th {
   padding:5px;
   text-shadow:none;
   text-transform:none
}
.gravity-theme.ui-datepicker .ui-datepicker-header {
   border:0;
   display:flex;
   flex-direction:row;
   justify-content:center;
   margin:0 0 5px;
   padding:0;
   position:relative;
   width:100%
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
   speak:never;
   align-items:center;
   background:none;
   border:0;
   color:#607382;
   cursor:pointer;
   display:flex;
   font-family:gform-icons-theme!important;
   font-size:24px;
   height:30px;
   justify-content:center;
   line-height:1;
   position:absolute;
   text-decoration:none;
   top:-2px;
   transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
   width:30px
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
   color:#2f4054
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
   display:none
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
   border:0;
   height:auto;
   position:static;
   transform:none;
   width:auto
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
   left:0
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
   content:"\e910"
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
   right:0
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
   content:"\e91b"
}
.gravity-theme.ui-datepicker .ui-datepicker-header select {
   -webkit-appearance:none;
   background-color:transparent;
   background-image:url(assets/assets/assets/images/theme/down-arrow.svg);
   background-position:100% 50%;
   background-repeat:no-repeat;
   background-size:24px 24px;
   border:0;
   border-radius:0;
   box-shadow:none;
   color:#585e6a;
   cursor:pointer;
   display:inline-block;
   font-size:.875rem;
   font-weight:var(--gform-theme-font-weight-medium);
   height:auto;
   min-height:0;
   padding:0 22px 0 0;
   width:auto
}
.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
   margin-right:20px;
   -moz-text-align-last:right;
   text-align-last:right
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar a,
.gravity-theme.ui-datepicker .ui-datepicker-calendar span {
   font-weight:var(--gform-theme-font-weight-normal)
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar th span {
   align-items:center;
   color:#2f4054;
   display:flex;
   font-size:.8125rem;
   font-weight:var(--gform-theme-font-weight-medium);
   height:40px;
   justify-content:center;
   width:40px
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar td {
   font-size:.8125rem;
   height:50px;
   width:50px
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default {
   align-items:center;
   background:none;
   border:1px solid transparent;
   border-radius:100%;
   box-shadow:none;
   color:#2f4054;
   display:flex;
   height:40px;
   justify-content:center;
   text-decoration:none;
   transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
   width:40px
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:focus,
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
   background:none;
   border-color:#607382;
   outline:none
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:active {
   background:#f2f3f5;
   border-color:#607382
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
   background:#607382;
   border-color:#607382;
   box-shadow:0 .125rem .125rem rgba(58,58,87,.06);
   color:#fff
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus,
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover {
   border-color:#607382
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
   background:none
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
   align-items:center;
   background:#f2f3f5;
   border:1px solid rgba(32,32,46,.079);
   border-radius:100%;
   box-shadow:0 .125rem .125rem rgba(58,58,87,.06);
   color:#686e77;
   cursor:text;
   display:flex;
   height:40px;
   justify-content:center;
   text-decoration:none;
   width:40px
}
html[dir=rtl] #ui-datepicker-div.gform-theme-datepicker[style] {
   right:auto!important
}
.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
   margin:6px 0 0;
   padding:16px 0
}
.gform_wrapper.gravity-theme .gform_footer.left_label,
.gform_wrapper.gravity-theme .gform_footer.right_label,
.gform_wrapper.gravity-theme .gform_page_footer.left_label,
.gform_wrapper.gravity-theme .gform_page_footer.right_label {
   padding:16px 0 10px 30%
}
.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
   margin-bottom:8px
}
.gform_wrapper.gravity-theme .gform_footer button.button:disabled,
.gform_wrapper.gravity-theme .gform_footer input.button:disabled,
.gform_wrapper.gravity-theme .gform_page_footer button.button:disabled,
.gform_wrapper.gravity-theme .gform_page_footer input.button:disabled {
   opacity:.6
}
.gform_wrapper.gravity-theme .gform_footer button+input,
.gform_wrapper.gravity-theme .gform_footer input+button,
.gform_wrapper.gravity-theme .gform_footer input+input,
.gform_wrapper.gravity-theme .gform_page_footer button+input,
.gform_wrapper.gravity-theme .gform_page_footer input+button,
.gform_wrapper.gravity-theme .gform_page_footer input+input {
   margin-left:8px
}
html[dir=rtl] .gform_wrapper.gravity-theme button+input,
html[dir=rtl] .gform_wrapper.gravity-theme input+button,
html[dir=rtl] .gform_wrapper.gravity-theme input+input {
   margin-right:8px
}
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gfield_radio {
  display: flex !important;
}

.gform-field-label {font-size:22px !important; color:#ffffff; line-height:25px !important;}



.gform_wrapper.gravity-theme .gfield_checkbox button,
.gform_wrapper.gravity-theme .gfield_checkbox input[type=text],
.gform_wrapper.gravity-theme .gfield_checkbox input[type=tel],
.gform_wrapper.gravity-theme .gfield_checkbox input[type=email],
.gform_wrapper.gravity-theme .gfield_radio button,
.gform_wrapper.gravity-theme .gfield_radio input[type=text] {
   margin-top:16px
}
.gform_wrapper.gravity-theme .gfield-choice-input {
   display:inline-block;
   margin-top:0;
   top:0;
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
   margin-bottom:0;
   max-width:calc(100% - 32px);
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gfield-choice-input:disabled+label {
   color:#757575
}
.gform_wrapper.gravity-theme input[type=number] {
   display:inline-block
}
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
   font-size:22px;
   margin-bottom:0;
   margin-top:0;
   padding:8px
}
.gform_wrapper.gravity-theme .chosen-container-multi,
.gform_wrapper.gravity-theme .ginput_product_price,
.gform_wrapper.gravity-theme .ginput_product_price_label,
.gform_wrapper.gravity-theme .ginput_quantity_label {
   font-size:15px
}
.gform_wrapper.gravity-theme .chosen-choices {
   padding:8px
}
.gform_wrapper.gravity-theme .ginput_container_date {
   align-content:flex-start;
   align-items:center;
   display:flex
}
.gform_wrapper.gravity-theme .ginput_container_date input {
   width:auto
}
.gform_wrapper.gravity-theme .ginput_container_date .datepicker_with_icon.large {
   width:calc(100% - 48px)
}
.gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
   display:block;
   margin-left:12.8px;
   max-height:25.6px;
   max-width:25.6px
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
   flex-basis:min-content;
   flex-flow:row wrap;
   max-width:30%
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input,
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
   min-width:84px;
   width:100%
}
.gform_wrapper.gravity-theme .gfield_chainedselect.horizontal select {
   min-width:100px
}
.gform_wrapper.gravity-theme .gform_show_password {
   align-items:center;
   background:transparent;
   color:inherit;
   display:flex;
   height:100%
}
.gform_wrapper.gravity-theme .gform_show_password:focus,
.gform_wrapper.gravity-theme .gform_show_password:hover {
   background:transparent
}
.gform_wrapper.gravity-theme .gfield_consent_description {
   border:1px solid #ddd;
   font-size:.8em;
   margin-top:8px;
   max-height:240px;
   overflow-y:scroll;
   padding:8px
}
.gform_wrapper.gravity-theme .gfield .ginput_quantity {
   width:auto
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
   margin-left:0;
   margin-right:12.8px;
   order:1
}
.gform_wrapper.gravity-theme .gsection {
   border-bottom:0px solid #ccc;
   padding:0 16px 8px 0
}
html[dir=rtl] .gform_wrapper.gravity-theme .gsection {
   padding:0 0 8px 16px
}
.gform_wrapper.gravity-theme .gf_progressbar_title {
   color:#767676;
   font-size:12.992px;
   font-weight:400;
   margin:0 0 4.8px
}
.gform_wrapper.gravity-theme .gf_progressbar {
   background:#e8e8e8;
   border-radius:10.5px;
   margin-bottom:16px;
   position:relative
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
   border-radius:10.5px;
   height:20.992px;
   text-align:right;
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
   border-radius:10.5px 0 0 10.5px
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
   display:block;
   float:right;
   font-size:13px;
   line-height:21px;
   margin-left:8px;
   margin-right:8px;
   min-width:2em;
   width:auto
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span {
   color:#959595;
   float:none;
   margin-left:9.6px;
   text-shadow:none
}
.gform_wrapper.gravity-theme .gf_progressbar_blue {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
   background-color:#1e7ac4;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_gray {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_gray {
   background-color:#6b7280;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_green {
   background:#e8e8e8
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green {
   background-color:#aac138;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_orange {
   background:#e8eaec
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange {
   background-color:#ff5d38;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_red {
   background:#e8eaec
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_red {
   background-color:#ec1e31;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_spring {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring {
   background:linear-gradient(270deg,#9cd790,#76d7db);
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_blues {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blues {
   background:linear-gradient(270deg,#00c2ff,#7838e2);
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_rainbow {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_rainbow {
   background:linear-gradient(270deg,#1dbeea,#cd6ad6 50%,#f35160);
   color:#fff
}
html[dir=rtl] .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
   border-radius:0 10.5px 10.5px 0
}
.gform_wrapper.gravity-theme .gf_page_steps {
   border-bottom:0px solid #e5e7eb;
   margin-bottom:16px
}
.gform_wrapper.gravity-theme .gf_step {
   display:inline-block;
   margin:8px 32px 8px 0
}
.gform_wrapper.gravity-theme .gf_step_label,
.gform_wrapper.gravity-theme .gf_step_number {
   display:table-cell;
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gf_step_number {
   background:#ffffff;
   border:2px solid #ffffff;
   border-radius:20px;
   color:#585e6a;
   font-size:14px;
   font-weight:500;
   height:40px;
   text-align:center;
   width:40px;
   opacity:0.3;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
   background:#cfd3d9;
   color:#607382
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number {
   position:relative
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
   background:#607382;
   border:2px solid #607382;
   border-radius:20px;
   content:"";
   display:table-cell;
   height:40px;
   left:-2px;
   position:absolute;
   top:-2px;
   width:40px
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:after {
   align-items:center;
   color:#fff;
   content:"\e917";
   display:flex;
   font-family:gform-icons-theme;
   font-size:24px;
   height:100%;
   justify-content:center;
   left:0;
   position:absolute;
   text-align:center;
   top:0;
   width:100%;
   z-index:5
}
.gform_wrapper.gravity-theme .gf_step_label {
   color:inherit;
   font-size:14px;
   font-weight:600;
   line-height:16px;
   padding-left:16px
}
.gform_wrapper.gravity-theme .gf_step_hidden {
   display:none
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper {
   display:inline-block
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:-moz-read-only {
   background:none;
   border:none;
   padding:0
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only {
   background:none;
   border:none;
   padding:0
}
.gform_wrapper.gravity-theme .ginput_product_price,
.gform_wrapper.gravity-theme .ginput_shipping_price {
   color:#900
}
.gform_wrapper.gravity-theme .ginput_total {
   color:#060
}
.gform_wrapper.gravity-theme .gfield_repeater_cell {
   margin-top:8px
}
.gform_wrapper.gravity-theme .gfield_repeater_cell label {
   color:#9b9a9a;
   font-size:12.8px;
   font-weight:400;
   padding-top:8px
}
.gform_wrapper.gravity-theme .gfield_repeater_items .gfield_repeater_cell:not(:first-child) {
   padding-top:8px
}
.gform_wrapper.gravity-theme .gfield_repeater_wrapper input {
   border:1px solid #c5c6c5;
}
.gform_wrapper.gravity-theme .gfield_repeater_cell>.gfield_repeater_wrapper {
   background-color:rgba(1,1,1,.02);
   border-bottom:1px solid #eee;
   border-left:8px solid #f1f1f1;
   border-radius:8px;
   box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 1px -1px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.06);
   padding:10px 20px
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons {
   padding-top:16px
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:hover {
   background:#fafafa;
   border:1px solid #757575;
   color:#374750
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:focus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:focus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:focus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:focus {
   outline:0
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text {
   background:hsla(0,0%,95%,.5);
   border:1px solid hsla(0,0%,46%,.4);
   border-radius:20px;
   color:#757575;
   font-size:12px;
   font-weight:400;
   height:32px;
   margin-bottom:8px;
   margin-right:8px;
   min-width:100px;
   transition:all .3s cubic-bezier(.67,.17,.4,.83)
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus {
   background:hsla(0,0%,95%,.5);
   border:1px solid hsla(0,0%,46%,.4);
   border-radius:50%;
   color:#757575;
   font-size:16px;
   font-weight:700;
   height:24px;
   margin:10px 5px 0;
   padding:0;
   transition:all .3s cubic-bezier(.67,.17,.4,.83);
   width:24px
}
.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
   border-bottom:2px solid #e0e0e6;
   margin-bottom:20px;
   margin-right:8px;
   padding-bottom:20px
}
.gform_wrapper.gravity-theme .gfield_time_hour label.hour_label,
.gform_wrapper.gravity-theme .gfield_time_minute label.minute_label {
   display:block;
   font-size:15px;
   margin:0;
   padding-top:5px
}
.gform_wrapper.gravity-theme .ginput_container_time {
   flex-basis:min-content;
   max-width:64px;
   min-width:64px
}
.gform_wrapper.gravity-theme .ginput_container_time input {
   margin-left:0;
   margin-right:0;
   min-width:100%
}
.gform_wrapper.gravity-theme .gfield_time_minute {
   position:relative
}
.gform_wrapper.gravity-theme .hour_minute_colon {
   line-height:2;
   padding:0 8px
}
.gform_wrapper.gravity-theme .field_sublabel_above .hour_minute_colon {
   align-self:flex-end
}
.gform_wrapper.gravity-theme .gfield_time_ampm {
   align-items:flex-end;
   display:flex;
   margin-left:16px
}
.gform_wrapper.gravity-theme .gfield_time_ampm.below,
.gform_wrapper.gravity-theme .hour_minute_colon.below {
   align-items:flex-start
}
html[dir=rtl] .gform_wrapper.gravity-theme .gfield_time_ampm {
   margin-left:0;
   margin-right:16px
}





/* - - Edit by Robert - - - */


.gf_step_active span:first-child {
  background-color: var(--secondairy) !important;
  border: none !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.gf_step_label {font-weight:100 !important;}

.gf_step_completed span:first-child::before {
  background-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  font-weight:400 !important;
}

.gf_step_completed span:first-child {
  opacity: 1 !important;
}

.text-left {text-align: left;}



input[type=text], input[type=email], input[type=tel]  {
  background-color: rgba(255,255,255,1);
  color: var(--purple);
  margin-top:0px !important;
  padding:16px 30px !important;
  transition: 0.3s;

  border-radius: 500px 0px 0px 500px;
  border:0px solid var(--purple);
}

input[type=text]:focus, input[type=email]:focus, .gfield textarea:focus  {
  border:0px solid var(--purple) !important;
  transition: 0.3s;
  background-color: rgba(255,255,255,0.3);
  color: var(--white) !important;
  width:60% !important;




}

textarea {
  border: 1px solid #ddd !important;
  background-color: #fff !important;
  border-radius: 0px;
  border-radius:10px;
  padding:10px;
  transition: 0.3s;

}





.ginput_container_fileupload {
 text-align: center;
 color: #ffffff !important;
}

.ginput_container_fileupload input {
 background-color: rgba(255,255,255,0.3);
 padding: 20px !important;
 font-family: arial !important;
 font-size:15px !important;
}

.gform_fileupload_rules {
 color: #ffffff;
}


.gform_wrapper.gravity-theme .gfield textarea.large {
  padding: 10px !important;
  height: 100px !important;
  transition: 0.3s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #ffffff;
  outline: 0 none;
}

.gf_progressbar_percentage {}

.gform_next_button {
  border:2px solid var(--primary);
  padding:10px 30px;
  margin:10px 0px;
  color:#ECF0E4;
  font-weight:600;
  text-transform:uppercase;
  border-radius:50px;
  transition:0.3s;
  background-color: var(--secondairy);
  font-family: var(--primary-font);
}

#field_1_8 {
 display:none;
}

.gfield_required_text {color:#000000 !important; font-style:normal !important;}

.validation_message {
  border: none !important;
  padding: 0px !important;
  color: #ffffff !important;
  display:inline-block;
  padding:10px !important;
  position: relative;
  border-radius:8px !important;
  opacity:1;
  text-align:center;
  max-width:100%;
}

.gform_submission_error {
   font-size:15px !important;
}

.validation_message::after {
 content:'';
 width:30px;
 height:30px;
 background-color: var(--secondairy) !important;
 top: -5px;
 left:30px;
 z-index:-1;
 position: absolute;
 transform:rotate(45deg);

}

.gfield_error label {
 color: var(--secondairy) !important;
 font-family: Montserrat, serif;
 font-weight:600 !important;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
 background-color: rgba(0,0,0,0.2) !important;
}

.gf_progressbar {
 padding:10px;
 border-radius:500px !important;
 background-color: var(--white) !important;
 border: 1px #ddd;
 box-shadow: rgba(0, 0, 0, 0.16) -3px 1px 10px;
}
.gf_progressbar_percentage {

 background-color: var(--primary) !important;
 box-shadow: rgba(0, 0, 0, 0.16) -3px 1px 10px;
 background: linear-gradient(0deg, var(--primary) 0%, var(--secondairy) 100%)
}

.gform_previous_button {
  color: #ffffff !important;
  transition: all transition-len cubic-bezier(transition-bezier);
  padding: 15px 35px 15px 35px !important;
  text-decoration: none;
  transition: 0.3s;
  background-color: #12015A !important;
  border-radius: 50px;
  display: inline-block;
  font-weight: 700;
  opacity: 0.1 !important; 
}

.gform_validation_errors h2 {
  padding-bottom: 0px  !important;
  color: #ffffff !important;
  font-size:25px;
}

.gform_validation_errors {
  background-color: #000000 !important;
  border: 0px solid !important;
  text-align:center;

}

.gform_previous_button:hover {
  opacity: 1 !important; 
}

.gfield_label {
 color: #ffffff;
 font-weight: 600 !important;
 font-size: 20px !important;

}

.gfield-choice-input + label {
 line-height:40px !important;
 margin-left:0px;
}

input[type="radio"]{
  appearance: none;
  width: 45px !important;
  height: 45px;
  background: var(--white) !important;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all .2s ease-in-out;
  margin-right:0px !important;
  border:2px solid #fff !important;
  padding:0px !important;
  overflow:hidden;
  margin-top:30px !important;
}

.gpoll_choice_label {
   text-align:center !important;
   padding-bottom:20px !important;
   color:var(--white);
   font-size:22px !important;
}

.gpoll_ratio_box {
   background-color:rgba(0,0,0,0) !important;
   right:0px;
   top:0px;
   z-index:3 !important;
   top: 25px !important;
   left: 0%;
   transform: translate(50%, -50%);
   max-width:100% !important;
}

.gpoll_bar {
   max-height:55px !important;
   height:55px !important;
   border-radius:50px !important;
   margin-left:0px !important;
}

.gpoll_ratio_label {
   line-height:2.4 !important;
   font-size:22px !important;
   width:100% !important;
   display:inline-block !important;

}

#field_4_6 legend span span {
   display:none;
}

.gchoice {
  flex: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gpoll_bar_juice {
   background-color:#ffffff !important;
   background: linear-gradient(0deg, #8be8af 50%, #99ebff 100%) !important;
}

.gpoll_bar_juice::after {
   background-image:url('') !important;
}

input[type="radio"] + label, input[type="checkbox"] + label{
 transition: all 500ms cubic-bezier(0.000, 0.975, 0.355, 1.465) !important; /* custom */

 transition-timing-function: cubic-bezier(0.000, 0.975, 0.355, 1.465) !important; /* custom */
}

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
  opacity:1;
}

input[type="radio"]:checked{
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(212,165,255,0.75);
  -moz-box-shadow: 0px 0px 10px 5px rgba(212,165,255,0.75);
  box-shadow: 0px 0px 10px 5px rgba(212,165,255,0.75);
}

input[type="radio"]:after{
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  transform:scale(0.6);
  border-radius: 50%;
  background: #fff;
  left: -2px;
  top:-2px;
  opacity:0;
  transition: all .2s ease-in-out;
  background-image:url('assets/images/check.svg');
  background-size:contain;
  background-repeat:no-repeat;
  text-align:center;
}

input[type="radio"]:checked:after{
  transform:scale(0.6);
  left: -2px;
  top:-2px;
  opacity:1;
}

input[type="radio"]:checked + label {
 font-weight:bold !important;
 opacity:1;
}

#input_4_7 {
   display:none;
}

input[type="radio"] + label {
 font-weight:bold !important;
 opacity:0.4;
 width:100%;
 line-height:25px !important;
 margin:15px 0px 20px 0px !important;
}

#gform input[type="checkbox"]{
  appearance: none;
  width: 62px;
  height: 32px;
  background: #fff;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all .2s ease-in-out;
  padding-right:30px;
}

#gform input[type="checkbox"]:checked{
  background: #ffffff;
}

#gform input[type="checkbox"]:after{
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  left: 2px;
  top:3px;
  transition: all .2s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.16) 3px 1px 10px;
}

#gform input[type="checkbox"]:checked:after{
  left: calc(100% - 28px);
  box-shadow: rgba(0, 0, 0, 0.16) -3px 1px 10px;
}

#gform input[type="checkbox"] + label {
 margin-left:10px !important;
}



/* - - - - - G R A V I T Y F O R M S E N D S - - - - - */

/* - - - - - S O C I A L - - - I C O N S - - - - - */
/* Customize the label (the container) */




.box {
  display:inline-block;
  position: relative;
  padding-left: 5px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:var(--orange);
  padding-right:10px;
}

/* Hide the browser's default checkbox */
.box input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
 top:50%;
 left:0px;
}

.checkmark {
 position: absolute;
 top:0px;
 left: 0;
 height: 20px;
 width: 20px;
 display:block;

}

.box label {
   padding-left:50px;
   transition:1s;

}

.box input ~ .checkmark {
   position: relative;
}

.box input ~ .checkmark:before {
   background-image:url('assets/images/heart.svg');
   background-size:contain;
   display:inline-block;
   content:'';
   width:20px;
   height:20px;
   position: absolute;
   left:-25px;
   top:6px;
   background-position: center center;
   background-repeat:no-repeat;
}



/* When the checkbox is checked, add a blue background */
.box input:checked ~ .checkmark:before {
   background-image:url('assets/images/heart-checked.svg');
   background-size:contain;
   background-position: center center;
   background-repeat:no-repeat;
}

.checkmark {transition:1s;}



/* - - - - - I D S - - - - - */


#newsletter input {width:50%; border-radius:500px;}

.email {width:40% !important;padding:100px !important;}

.send {
  width:39%;
  margin-left:-4px;
  border-radius:0px 500px 500px 0px !important;
  background-color:var(--orange);
  border:1px solid var(--orange);
  color:var(--white) !important;
  font-weight:bold;
  padding:15px;
  text-transform:uppercase;

}

#main p {
}

#logo {
   width:50px;
   position: absolute;
   left:30px;
   top:30px;
}

#logo-social {
   width:150px;
   position: absolute;
   left:150px;
   top:53px;
}

#social {
   position:absolute;
   right:30px;
   top:30px;
   z-index:9999;
}
#content {
   background: rgb(255,214,241);
   background: linear-gradient(0deg, rgba(255,214,241,1) 0%, rgba(255,227,216,1) 100%);
}

#hero {
   background: rgb(255,214,241);
   background: linear-gradient(0deg, rgba(255,214,241,1) 0%, rgba(255,227,216,1) 100%);
}

#hero h1 {
   font-size:13vw;
   line-height:13vw;
   color:var(--orange);
   margin-top:100px;
}

#hero h1 span {
   display:inline-block;
}

#hero h1 span:nth-child(2){
   margin-left:0%;
}

#hero h1 span:nth-child(3){
   margin-left:0%;
}

#hero p {
   max-width:600px;
   margin-left:0%;
}
#upload {
   background-color:var(--dark);

}

footer {
   background-color:#2A012E;
}

footer a {
   color:var(--white);
   opacity:0.8;
   text-decoration: underline;
}

footer a:hover {
   opacity:1 !important;
}

.scroll-indicator {
 position: fixed;
 z-index: 1;
 bottom: 0;
 left: 0;
 width: 10px;
 height: 10px;
 border-radius:30px;
 background: linear-gradient(90deg, rgba(255,110,20,1) 0%, rgba(77,44,73,1) 100%);
 opacity:0.4;
}

@media screen and (min-width: 600px) {

   #logo {
      width:100px;
      position: absolute;
      left:30px;
      top:30px;
   }


   .mobile-height{max-height:300px !important;
   }

   #hero h1 {
      font-size:6vw;
      line-height:5vw;
      color:var(--orange);
      margin-top:0px;
   }

   #hero h1 span {
      display:inline-block;
   }

   #hero h1 span:nth-child(2){
      margin-left:6%;
   }

   #hero h1 span:nth-child(3){
      margin-left:4%;
   }

   #hero p {
      max-width:600px;
      margin-left:20%;
   }

   h1{
    font-family: var(--primary-font);
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing: grayscale; 
    color: var(--pink);
    overflow:hidden;
 }

 h2{
    font-family: var(--primary-font);
    color:var(--orange); 
    font-size:64px;
    line-height:50px;
    margin-bottom:10px;
 }

 h3{
    font-family: var(--primary-font);
    color:var(--orange); 
    font-size:44px;
    line-height:50px;
    margin-bottom:10px;
 }

 h4{
    font-family: var(--primary-font);
    color:var(--orange); 
    font-size:34px;
    line-height:40px;
    margin-bottom:10px;
 }

 h5 {
    font-size:24px; 
    line-height:30px;
    margin-top:10px;
    font-weight: 500;
    margin-bottom:10px;
    letter-spacing:1px;
    font-family: var(--primary-font);
 }

 #hero h1 {
   font-size:6vw;
   line-height:5vw;
   color:var(--orange);
   margin-top:100px;
}

}