/*New CSS FORM Hubspot V2*/

	
.hsfc-Form p{
	color:#666666;	
}

.hsfc-Form *{
	font-family: GothamPro, Open Sans, Arial, sans-serif !important;
}

.hsfc-Form	input::placeholder,
.hsfc-Form	textarea::placeholder {
	font-weight:normal !important;
	color:#757575!important;
}

.hsfc-PhoneInput__FlagAndCaret,
.hsfc-Form .hsfc-TextInput,
.hsfc-TextareaInput{
	border: 1px solid #b3b3b3 !important
}

.hsfc-CheckboxFieldGroup > .hsfc-FieldLabel strong{
	font-weight: 600;
	font-size: 18px
}

.hsfc-CheckboxFieldGroup__Options{
	padding: 0 0 0 3%;
}

.hsfc-CheckboxFieldGroup__Options span{
	font-size:16px;
	font-weight:200;
}

.hsfc-CheckboxInput{
	border-color:#757575 !important
}

.hsfc-DropdownOptions__List li{
	font-size:14px;
	line-height: 1;
	padding: 5px 10px !important
}

.hsfc-TextareaInput{
	min-height:150px;
}

.hsfc-DataPrivacyField .hsfc-RichText{
	line-height:125%;
}

#newContactForm .hsfc-DataPrivacyField .hsfc-RichText,
#newContactForm .hsfc-DataPrivacyField span{
	color:white;
	line-height:125%;
}

#newContactForm a{
	color:white;
	text-decoration:underline;
}

#newContactForm .hsfc-RichText:empty,
#newContactForm .hsfc-DataPrivacyField .hsfc-Row:first-child,
#newContactForm .hsfc-DataPrivacyField .hsfc-Row:nth-child(3){
	display:none;
}

.hsfc-ReCaptchaV2{
	position:absolute;
}

.hsfc-ReCaptchaV2 .grecaptcha-badge {
	visibility: visible;
}

.hsfc-ReCaptchaV2 .grecaptcha-badge{
/*	transform:translatex(-206px);
	transition: all .3s ease !important;*/
}

.hsfc-ReCaptchaV2:hover .grecaptcha-badge{
/*	transform:translatex(0px);*/
}

/*OLD CSS FORM Hubspot V1*/

.hs-submit .actions{
    	text-align:right;
  	}
	

.hsfc-TextareaInput,
.hsfc-TextInput,
.hs-input,
.et_pb_contact p input,
.et_pb_contact p textarea {
	/*-webkit-appearance: none;*/
    background-color: #ffffff!important;
    width: 100% !important;
    border-width: 0;
    border-radius: 0;
    color: #000; /*999*/
    font-size: 14px;
    padding: 16px !important
 }

.hsfc-DropdownOptions__Search .hsfc-TextInput{
	padding:inherit !important;	
}

	select.hs-input{
		/*color:#4e4e4e;*/
		color: #4e4e4ebf
	}
  
  .hs-form-booleancheckbox span{
    color:white;
      font-size:16px;
  }

	#downloadCSS .hs-form-checkbox span,
	#downloadCSS .hs-form-booleancheckbox span,
	#requestDemoCSS .hs-form-checkbox span,
	#requestDemoCSS .hs-form-booleancheckbox span{
		color:#666666;
      	font-size:16px;
		font-weight:300;
  	}

	.submitted-message,
	.submitted-message p{
		font-weight: 200;
    	font-size: 20px;
    	line-height: 115%;
	}

	.hs-fieldtype-checkbox span {
		font-weight: 600;
    	font-size: 18px;
		line-height:2;
	}

	.hs-fieldtype-checkbox ul {
		margin-left:10px;
	}
  
	.hs-form-field{
    	padding: 0 0 0 3%;
      	margin-bottom: 3%;
      	background-position: 50%;
      	background-size: cover;
  	}

  fieldset{
    max-width:unset !important;
  }

  select.hs-input{

  }

  .hs-fieldtype-textarea,
  textarea.hs-input,
  #newContactForm textarea {
      min-height: 150px;
      display: block;
  }
  
  .hs-custom-style .hs-input,
  .hs-custom-style fieldset {
    max-width: 100%;
	}
  
  .inputs-list label {
      float: none;
      width: auto;
      padding: 0;
      line-height: 18px;
      white-space: normal;
      font-weight: normal;
  }  
  
  .inputs-list:first-child {
    padding-top: 6px;
	}

  .inputs-list {
      margin: 0 0 5px;
      width: 100%;
      padding: 0 !important;
      margin-bottom: 3%;
  }
  
  .inputs-list>li {
    display: block;
    padding: 0;
    width: 100%;
    padding-top: 0;
	}
 
  .hs-input[type=checkbox], .hs-input[type=radio] {
    cursor: pointer;
    width: 18px!important;
    height: 18px;
    padding: 0;
    margin: 3px 5px 3px 0px;
    line-height: normal;
    border: none;
	}
  
  .hs-form * {
    box-sizing: border-box;
	}
  
  .legal-consent-container .hs-form-booleancheckbox-display input {
    float: left;
	}
  .legal-consent-container .hs-form-booleancheckbox-display>span {
    display: block;
    margin-left: 20px;
	}
  
  .hs-form-required {
    color: red;
	}
  .hs-error-msg{
    font-size: 14px;
    color: red;
		font-weight: 200 !important;
  }
  
/**BUTTON**/

#newContactForm .hsfc-Button{
    border-radius: 23px !important;
    background-color: rgba(0, 194, 202, 0.50) !important;
    border: none !important;
}


#newContactForm .hsfc-Button:hover {
    background-image: url("/wp-content/uploads/2021/01/big_arrow_white.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 8px center;
    padding-right: 2em !important;
  }

button.hsfc-Button[type="submit"],
input[type="submit"] {
    color: white !important;
    height: 46px !important;
    font-size: 14px !important;
    padding-right: 1em !important;
	padding-left: 1em !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat' !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
    transition: background-position .25s ease,  padding .25s ease;
    background-image: none;
	background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 8px center;
  }
  

button.hsfc-Button[type="submit"]:hover,
  input[type=submit]:hover {
    background-image: url("/wp-content/uploads/2021/01/big_arrow_white.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 8px center;
    padding-right: 2em !important;
  }


input[type="submit"]{
	border: none !important;
	border-radius: 23px !important;
	background-color: rgba(0, 194, 202, 0.50) !important;
}




#downloadCSS input[type="submit"],
#newsletterCSS input[type="submit"],
#requestDemoCSS input[type="submit"]{
	border: 1px solid #FFFFFF !important;
	border-radius: 3px !important;
	background-color: #343A40 !important;
}



.hs_error_rollup{
	display:none;
}


/** LOOK**/

.rowcontactBanner{
	padding: 0;
    display: flex;
	align-items: center;
}

.rowcontactBanner .et-last-child{
	background-color: RGBA(255,255,255,0);
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    position: static!important;
    top: 0px;
    right: auto;
    bottom: auto;
    left: 0px;
    height: 100%;
    width: 50% !important;
    margin-right: 50px!important;
    margin-left: auto;
}

#contactBanner {
	background-image: linear-gradient(90deg,#00c2ca 0%,#e50780 100%);
    border-radius: 60px 60px 60px 60px;
    overflow: hidden;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    position: absolute!important;
    top: 50%;
    bottom: auto;
    left: 0px;
    right: auto;
    transform: translateY(-50%) !important;
    width: 100%!important;
    max-width: 1830px!important;
    height: 100%;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	transform: translateX(-100%) translateY(-50%)!important;
	opacity: 0;
	transition: transform 1s ease, opacity 1s ease;
}


#contactBanner .et_pb_module {
	width:50% !important;
}

#contactBanner.active {
  transform: translateX(0) translateY(-50%) !important;
  opacity: 1;
}
#newContactForm {
	background-color: rgba(4,67,76,0.43) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border-width: 1px  !important;
    border-color: RGBA(255,255,255,0) !important;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 0px !important;
    margin-right: 50px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
	transform: translateY(100%);
	opacity: 0;
	transition: transform 1s ease, opacity 1s ease;
}

#newContactForm .hsfc-Step__Content{
	padding:0;
}


.blackBackground #newContactForm{
	background-color: rgba(4,67,76,0.63);
}


#newContactForm.active {
  transform: translateY(0)!important;
  opacity: 1;
}

#newContactForm p {
  color: white;
}


/*RES*/

[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content{
	padding:0;
}

@media (max-width: 767px) {
    [data-hsfc-id=Renderer] .hsfc-Row {
        display: flex;
        flex-direction: column;
    }
}