﻿@charset "UTF-8";
@font-face {
  font-family: 'PNR';
  src: url('../../../pretop/common/css/PROXIMANOVA-REGULAR.woff');
}
/**
 * InputfieldForm CSS file for FormBuilder with non-Legacy frameworks
 *
 */
.InputfieldForm textarea,
.InputfieldForm .InputfieldMaxWidth {
  width: 100%;
}

body{
  font-family: 'PNR','Montserrat', sans-serif;
}

.InputfieldForm input[type=text],
.InputfieldForm input[type=password],
.InputfieldForm input[type=date],
.InputfieldForm input[type=datetime],
.InputfieldForm input[type=datetime-local],
.InputfieldForm input[type=month],
.InputfieldForm input[type=week],
.InputfieldForm input[type=email],
.InputfieldForm input[type=number],
.InputfieldForm input[type=search],
.InputfieldForm input[type=tel],
.InputfieldForm input[type=time],
.InputfieldForm input[type=url],
.InputfieldForm input[type=color],
.InputfieldForm select,
.InputfieldForm textarea {
  margin: 0;
}

.InputfieldForm,
.InputfieldForm *,
.InputfieldForm *:before,
.InputfieldForm *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.InputfieldForm .Inputfields {
  height: auto;
  list-style: none;
  padding: 0;
}

.InputfieldForm .Inputfield {
  list-style: none;
  display: block;
}

.InputfieldForm .Inputfield {
  clear: both;
  margin: 0 0 1.5em 0;
}

.InputfieldForm .Inputfield:not(fieldset) {
  padding: 0;
}

.InputfieldForm fieldset,
.InputfieldForm .InputfieldFieldset {
  margin: 0 0 1.5em 0;
  padding-bottom: 0;
}

.InputfieldForm .InputfieldFieldset:not(.InputfieldColumnWidth) {
  clear: both;
}

.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader {
  opacity: 0.5;
}

.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader:after {
  content: " …";
}

.InputfieldForm .InputfieldStateCollapsed .InputfieldContent {
  display: none;
}

.InputfieldForm .InputfieldHidden {
  display: none;
}

.InputfieldForm .description,
.InputfieldForm .notes {
  margin: 0.25em 0;
}

.InputfieldForm .Inputfield:not(.InputfieldStateCollapsed)>.InputfieldHeaderHidden>span {
  display: none;
}

.InputfieldForm .InputfieldSubmitPrev {
  float: left;
}

.InputfieldForm .InputfieldSubmitPrev+.InputfieldSubmit {
  clear: none;
  float: left;
  margin-left: 1em;
}

.InputfieldFormWidths {
  /** the following have to do with column widths **********************************************/
}

.InputfieldFormWidths input[type=text],
.InputfieldFormWidths input[type=email],
.InputfieldFormWidths input[type=url],
.InputfieldFormWidths select,
.InputfieldFormWidths textarea {
  width: 100%;
}

.InputfieldFormWidths .InputfieldColumnWidth {
  /* an Inputfield that has a percentage width assigned to it */
  float: left;
  clear: none;
  margin-left: 0;
  margin-right: 0;
}

.InputfieldFormWidths .InputfieldColumnWidth>.InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth>.InputfieldContent {
  padding-left: 1.5em;
}

.InputfieldFormWidths .InputfieldColumnWidth>.InputfieldHeaderHidden::before {
  display: inline-block;
  content: " ";
}

.InputfieldFormWidths .InputfieldColumnWidthFirst,
.InputfieldFormWidths .InputfieldColumnWidth+.InputfieldSubmit,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden+.Inputfield {
  /* first Inputfield with a percent width... */
  /* ...or the last percentage-width Inputifeld before the submit button */
  clear: both;
}

.InputfieldFormWidths .InputfieldColumnWidthFirst>.InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst>.InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidth+.InputfieldSubmit>.InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth+.InputfieldSubmit>.InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp>.InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp>.InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden+.Inputfield>.InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden+.Inputfield>.InputfieldContent {
  padding-left: 0;
}

.InputfieldFormWidths .description {
  margin: 0.25em 0;
}

.InputfieldFormWidths .notes {
  margin: 0.25em 0;
}

/*** state toggles *******************************************************/
.InputfieldStateToggle {
  cursor: pointer;
}

.InputfieldStateToggle i.toggle-icon {
  /* the open/close icon that goes with most Inputfields */
  float: right;
  padding-right: 0.25em;
}

.InputfieldStateToggle i.toggle-icon {
  padding-right: 0.5em;
  line-height: 1.7em;
}

.InputfieldStateToggle i+i {
  margin-right: 0.5em;
  margin-left: 0;
}

/*** misc ******************************************************************/
.InputfieldStateRequired>.InputfieldHeader:first-child:after {
  /* Required state: Add asterisk to indicate field is required */
  content: "*";
  margin-left: 0.25em;
  color: #ffbb00;
}

.Inputfields>.Inputfield>.InputfieldContent:before,
.Inputfields>.Inputfield>.InputfieldContent:after,
.InputfieldForm:after {
  content: " ";
  display: table;
}

.Inputfields>.Inputfield>.InputfieldContent:after,
.InputfieldForm:after {
  clear: both;
}

.InputfieldSelect ul,
.InputfieldRadios ul,
.InputfieldCheckboxes ul {
  margin: 0;
}

.InputfieldSelect ul li,
.InputfieldRadios ul li,
.InputfieldCheckboxes ul li {
  margin: 0;
}

#wrap_Inputfield- {
  display: none;
}

.InputfieldForm .InputfieldFormBuilderPageBreak {
  /*margin-bottom: 0;*/
}

/****************************************************************************
 * Render Value Mode 
 *
 * Used when only values are being rendered in the form (no inputs)
 *
 */
.InputfieldRenderValueMode .InputfieldSelect li,
.InputfieldRenderValueMode .InputfieldRadios li,
.InputfieldRenderValueMode .InputfieldCheckboxes li {
  margin: 0;
}

.InputfieldRenderValueMode .InputfieldSubmit,
.InputfieldRenderValueMode .InputfieldButton {
  display: none;
}

.pw-no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* prevent selection of this element */
}


/*Custom Contact Form Styling*/
.InputfieldHeader {
  text-transform: capitalize;
  color: #444444;
}

.InputfieldContent h2 {
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  color: #3ab3b0;
  background-image: -webkit-linear-gradient(0deg, #3ab3b0 0%, #55367d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}

.btn-success {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 30px;
  text-decoration: none;
  background: #ff9233;
  border-color: rgba(0,0,0,0);
  background: linear-gradient(125deg, #ff9233, #ffbb00);
  transition: 0.2s;
  margin-bottom: 4rem;
}

.btn-success:hover {
  border-color: rgba(0,0,0,0);
  opacity: 0.6;
}