/* Variable */
 /*Onyx - body */
 /* ultraviolet - Title */














  
/* Intial declartaion of css */

* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 85% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
:focus { outline: 0; }
*:before, *:after {box-sizing: border-box;}
embed,img, object, svg { max-width: 100%;height: auto; }
iframe{max-width: 100%; }
/* hubspot */
  
.header-container-wrapper ul,.footer-container-wrapper ul, .header-container-wrapper ol,.footer-container-wrapper ol { list-style: none; list-style-image: none; }
.row-fluid [class*="span"] {min-height: 0px !important;}
  
/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
  
/* For modern browsers */ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
::selection { background: #333333; color:#ffffff; }
::-moz-selection {background: #333333 ;color: #ffffff;}

/* body */

body { 
    color:#000000; 
    font-size:20px; 
    line-height: 1.3; 
    font-family: font-family: 'Open Sans', sans-serif;; 
    font-weight:400; 
    -webkit-font-smoothing: antialiased; 
    -webkit-text-size-adjust: none; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -moz-osx-font-smoothing: grayscale;  
    -webkit-tap-highlight-color: transparent;  
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:color 0.5s ease;text-decoration:none;color: inherit;}
svg path{transition:fill 0.5s ease,stroke 0.5s ease; }
svg{vertical-align:middle; }
a:focus { outline: none; text-decoration: none; }



/* Form CSS Start here */

input::-webkit-input-placeholder { color: #000000; opacity:1; } /* WebKit browsers */
input:-moz-placeholder { color: #000000; opacity:1; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #000000; opacity:1; } /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #000000; opacity:1; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color:#000000; opacity:1; } /* WebKit browsers */
textarea:-moz-placeholder { color: #000000; opacity:1; } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #000000; opacity:1; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #000000; opacity:1; } /* Internet Explorer 10+ */

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #EAEAEA inset;-moz-box-shadow: 0 0 0 100px #EAEAEA inset; box-shadow: 0 0 0 100px #EAEAEA inset;    color:#000000; -webkit-text-fill-color: #000000;}

input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: color 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family:font-family: 'Open Sans', sans-serif;;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:color 0.5s ease;}
textarea { overflow: auto; vertical-align: top; resize:none; height:450px; }

/* Fieldset */
form ul{list-style:none;padding: 0; margin: 0;}
form div.hs-form-field .input > ul > li > label{cursor:pointer;}
form ul.hs-error-msgs { color: red; }
form .legal-consent-container .hs-error-msgs { position: relative; top: -20px; }
form .hs-form-required { display:inline; }
form .hs_error_rollup {display: none;}
.submitted-message { text-align: center; font-size:30px; }
.legal-consent-container .hs-error-msgs label{color:red !important}
form fieldset{max-width:100%;}
form div.hs-form-field{float:none !important;display: inline-block;vertical-align: top;width: 100%!important;margin-bottom: 25px;}
form fieldset.form-columns-2 > div.hs-form-field{margin-right:2.9%; width: 48.5%!important;}
form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4%!important;}
form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}

/* input */
form .input{margin-right:0 !important;}
form .hs-form-field > label{ width: 100%; pointer-events: none; display:block;margin-bottom:14px;font-size: 30px; line-height: 1.23;}
form textarea,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form select{
color:#000000; border: 2px solid ;padding: 13px 15px; width: 100% !important; margin:0 0 3px;background-color: transparent;}

/* Select */
form select { -moz-appearance: none; -webkit-appearance: none; cursor: pointer;background-position: right 15px center; background-repeat: no-repeat; background-size: 24px auto; padding-right: 50px; }

/* Radio Button */
form .input ul.inputs-list li label input[type="radio"]:checked+span:before {box-shadow:0 0 0 8px #000000 inset; border: 2px solid #000000;}
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="radio"]+span:before { position: absolute; content: ''; left: 0; top: 0; width: 38px; height: 38px; text-align: center; border: 2px solid ; border-radius:50%;}
form .input ul.inputs-list li label input[type="radio"]+span { position: relative; display: flex; padding-left: 64px; min-height: 38px; align-items: center; }

/* Check Box */
form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before { background-image: url('https://discover.porziolifesciences.com/hubfs/PLS/images/Tick.png'); background-size:75%; background-position: center center; background-repeat: no-repeat; }
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+span:before { position: absolute; content: ''; left: 0; top:-5px; width: 38px; height: 42px; text-align: center; border: 2px solid ; }
form .input ul.inputs-list li label input[type="checkbox"]+span { position: relative;  padding-left: 64px; min-height: 42px; align-items: center; }

/* Button */
form .actions{text-align:right;}
form .hs-submit { margin-top: 33px; }
form .hs_submit input { background:#333333;border: 3px solid #333333; font-size: 30px; text-align: center; font-weight: 500; padding: 11px 25px; display: inline-block; color: #ffffff; transition: color .5s ease,background .5s ease,border .5s ease,opacity .5s ease; min-width: 212px; text-transform: uppercase;}
form .hs_submit input:hover{ background-color:transparent;color:#333333;}

/* Check Box & Radio Button in One Col */
form div.hs-form-field .input > ul > li{margin:0 0 28px;}
form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0; }
form .legal-consent-container .field.hs-form-field { margin-bottom: 0; }
form .legal-consent-container a { font-weight: 700; }
form .legal-consent-container a:hover { color:#333333; }

.up ul,.up ol {padding-left: 20px;}
.up ul li, .up ol li {font-family: font-family: 'Open Sans', sans-serif;; color: #ffffff; line-height: 1.3890; font-weight: 400;}
  
/* Font Size */
h1,h2,h3,h4,h5,h6{font-family: font-family: 'Open Sans', sans-serif;; font-weight:400; line-height:1.3;}

h1 {font-size: 48px; color: #ffffff; line-height:1.3542; text-transform: uppercase; font-weight: 400;}
h2 {font-size: 36px;}
h3 {font-size: 30px; }
h4 {font-size: 26px; }
h5 {font-size: 22px; }
h6 {font-size: 18px; color: #ffffff; line-height:1.3890; font-weight: 400;}
P {font-size: 16px; font-family: font-family: 'Open Sans', sans-serif;; color: #ffffff; line-height: 1.3890; font-weight: 400;}
/* Font Size */

@media (max-width:991px) {
  h2 {font-size: 30px;}  
}
@media (max-width:767px) {
  h1 {font-size: 36px; line-height: 1.15;}  
  h2 {font-size: 23px;}  
  h3 {font-size: 23px;}  
}