@font-face {
font-family: "proofpoint";
src: url("/rs/309-RHV-619/images/proofpoint.eot?235") 
format("eot"), url("/rs/309-RHV-619/images/proofpoint.woff2?236") 
format("woff2"), url("/rs/309-RHV-619/images/proofpoint.woff?63") 
format("woff"), url("/rs/309-RHV-619/images/proofpoint.ttf?198") 
format("truetype"), url("/rs/309-RHV-619/images/proofpoint.svg#proofpoint?237") 
}
html, body {
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
}
body {
font-size: 18px;
line-height:27px;
color: rgb(52,55,65);
background-color: #ffffff;
}
ul, ol {
margin-bottom: 0;
padding-inline-start:20px;

}
ul li {
padding-bottom:15px;
}
.semi-bold {
font-weight:500;
}
.bold {
font-weight:700;
}
.clear {
clear: both;
}

.uppercase {
text-transform: uppercase;
}
.center {text-align: center;}

a:focus, a:hover {
text-decoration: none;
color:#009ada;
}

a {
color:#009ada;
text-decoration: none;
line-height: inherit;
}

a:visited {
color:#009ada;
}

.row.is-flex {
display: flex;
flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.row.is-flex:before, .row.is-flex:after{
display: none;
}

.row.is-flex > [class*='col-'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
img {
max-width: 100%;
height: auto;
}
.btn.back-to-top {
position: fixed;
bottom: 25px;
right: 25px;
display: none;
padding: .5rem 1rem;
color: rgba(0,154,218,1);
border: 0px;
background-color: rgba(180,180,180,0.5);
z-index: 99;
}
.btn.back-to-top:hover {
color: rgba(0,154,218,0.75);
background-color: rgba(180,180,180,0.25);
}


.NavSection {background-color: #009ada; padding: 0px!important;position:relative;}
@media screen and (max-width: 767px) {
.navbar-dark .navbar-toggler {float: none; text-align:center;border:none;; margin: 12px 0 12px auto;}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
outline:none;
}   
}

.nav-tabs, .nav-tabs .nav-link {
border:none!important;
border-radius: 0!important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background:#ffffff;
color:#009ada;
padding:15px 20px;
}
.nav-link {
padding:15px 20px;
}
.navbar {padding: 0px; margin: 0px!important;}
nav ul {
list-style: none;
display: flex;
flex-direction: row;
padding: 0px;
width: 100%;
}

nav ul li {
flex-grow: 1;
text-align: center;
padding:0px 0px;
border-right: 1px solid #fff;
}
nav ul li:first-child {
border-left: 1px solid #fff;
}

nav ul li a, nav ul li a:visited, nav ul li a:active {
color:#ffffff;
font-size:22px;
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
text-decoration: none;
font-weight:normal;
text-transform: capitalize;
}
nav ul li a:hover, nav ul li a:focus {
color:rgba(255,255,255,0.8);
cursor: pointer!important;
}
.tab-pane .row {margin-left:0;margin-right:0;}
.ml-auto {margin-left: auto!important;margin-right: auto!important;}

@media only screen and (max-width: 767px) {
.navbar-dark .navbar-toggler {float: none; text-align:center; color: rgba(255,255,255,1)!important; border-color: White; margin: 12px 0 12px; border: none!important; outline:none!important;}
nav ul, .nav, .navbar {
list-style: none;
display: block;
padding: 0px;
}
nav ul li:first-child {border-left: 0px;}
nav ul li {border-right: 0px; border-bottom:thin solid #fff;padding:0;}
nav ul li:last-child {
padding-bottom: 15px;
border-bottom:none;
}           
}        

.body-background-image {
position:relative;
padding:0px 0;
display: flex;
}
.body-background-image:before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
opacity:1;
background-size: cover;
background-position: center top;
}
.banner-text-section .body-text {
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;  
font-size:24px;
line-height:28px;
margin: 20px 0 20px 0;    
}
.banner-text-section .body-text p {
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;  
font-size:24px;
line-height:28px;
} 

#rightColumn {
position:relative;
padding:20px 30px;
z-index: 1;
}

#rightColumn:before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-blend-mode: multiply;
opacity:0.95;
z-index: 0;
}
.Section1 h5 {
font-size: 25px;
line-height:30px;
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
color: #743c97;
}
.Section1 ul {
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
line-height:24px;
color: #343741;
column-count: 1;
list-style-type: none;
}
@media screen and (max-width:767px) {
.Section1 ul {column-count: 1;}
}        


.Section3 ul {
display: flex;
flex-wrap: wrap;
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
line-height: 1.55;
color: #343741;
list-style-type: none;
padding: 0px;
}
.Section3 ul li {
display:inline-block;
padding: 0px 40px 20px 0px;
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
width: 33.33%;
}
.Section3 ul li:nth-last-child(-n+3) {
border-bottom: 1px solid transparent;
}
@media screen and (max-width:767px) {
.Section3 ul li {
width: 100%;
}
.Section3 ul li:nth-last-child(-n+3) {
border-bottom: 1px solid #ccc;
}
.Section3 ul li:last-child{
border-bottom: 1px solid transparent;
}
}

.Section3 ul li strong {font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 1.1; color: #01579b; font-weight: 700;}
.Section3 ul li strong.date {font-family: 'Roboto', sans-serif; font-size: 14px; display: block; line-height: 1.55; color: #01579b; font-weight: 700; margin-bottom: -20px;}

@media screen and (max-width:767px) {
.Section7 img {display: block; margin: 0px auto 6px auto; max-width: 280px!important;}
}         

/*Agenda Area*/
.more-info {
font-size:14px;
line-height: 24px;
color:#72848e;
padding:8px 35px 0 10px;
}
.drop {
display: none!important;
}
.accordion h3{
border-bottom: 1px solid #dde6ed;
padding-bottom:10px;
margin-top: 30px;  
box-shadow: none;
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
font-size:30px;	
}
.accordion h3:nth-of-type(1){
margin-top: 0px;  
}
.accordion ul {
border-bottom:1px solid #dde6ed;
list-style-position: inside;
padding:0 0 0 0;
width:100%; 
}

.accordion ul:last-child {
border-bottom:1px solid #dde6ed;
}
.accordion ul li {
position: relative;
display: inline-block;
width: 100%;
padding:11px 0 11px 0;
-webkit-box-shadow:none;
box-shadow: none;
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
color: #343741;
line-height:24x;
}

.accordion ul li:last-of-type:after{
border-bottom:none;
}
.accordion ul li:hover {
color:#01579b;
cursor: pointer;
}
.accordion ul li:nth-child(odd) {
background-color: #eaf7fc;
}
.accordion ul li ul {
border-bottom:none!important;
list-style-type: disc;
}
.accordion ul li ul li{
padding:5px 20px;
list-style-type: disc;
display: list-item;
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
color: #343741;
line-height:24x;    
}
.accordion ul li ul li:hover {
color:#343741;
}
.accordion ul li ul li:after {
border-bottom:none;
}
.accordion ul li h5 {
margin: 10px 0px 10px 0;
padding-left:35px;
padding-right:35px;
line-height: 25px;
}
.time {
margin:11px 10px 0px 10px;
float:left;
display: block;
text-align: left;
cursor: pointer;
font-size: 18px;
line-height: 24px;
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
font-weight: 400;
}
.labelPic {
margin:8px 15px;
position: absolute;
top:20px;
right:0;
}
.plus-plus {
background-image: url("https://go.proofpoint.com/rs/309-RHV-619/images/plus-sign-grey.png");
width:20px;
height:20px;
background-repeat: no-repeat;
}

.plus-minus {
background-image: url("https://go.proofpoint.com/rs/309-RHV-619/images/minus-sign-grey.png");
width:20px;
height:20px;
background-repeat: no-repeat;
}
/*END Agenda Area*/

.speaker-image img {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
width:200px;	
}
.Section5a .title h4 {color: #009ada;font-family: "Fjalla One", Helvetica, Arial, sans-serif; font-weight:normal!important; font-size:30px;}

@media screen and (max-width:767px) {
.Section5 img {margin: 0px auto 14px auto; display: block; text-align: center!important;} 
.time {float:none;width:100%;}
.accordion ul li h5 {padding-left: 10px;padding-right: 10px;}
}        

.Section5 h5 {
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-size: 24px;
line-height: 1;
font-weight: 600;
color: #343741;
}
.Section5 h5 strong {
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 1.12;
color: #009ada;
font-weight: normal;
}
.Section5 .bio p {
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-size: 14px;
line-height: 1.55;
font-weight: 400;
color: #343741;
}

.Section5a img {margin-bottom: 16px;border-radius: 50%;}
.Section5a p {font-size: 14px;}
.Section5a p.bio {font-size: 16px;margin-bottom:0;}
.Section5a p.bio a {color: #009ada; font-weight: 400;}
.Section5a p.bio a:hover, .Section5a p.bio a:focus {color: rgba(0,154,218,0.7); font-weight: 400;}

@media screen and (max-width:767px) {
.Section5a .col {flex-basis: 100%; text-align: center; margin: 0 auto;}
.Section5a .col.text-left {text-align: center!important; margin: 0 auto;}
}            

.Section8 p strong {
color: #009ada;
}

.embed-container { position: relative; padding-bottom: 66.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}        

.Section2 .title h4, .Section9 .title h4 {color: #01579b; font-family: "Fjalla One", Helvetica, Arial, sans-serif; font-weight:normal!important; font-size:25px;}
.Section2 p, .Section9 p {color: #343741; font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif; font-weight: 400; font-size: 18px; margin-bottom: 4px;}
.Section2 p.register a, .Section9 p.register a {color:#009ada; font-size: 18px;}
.Section2 p.register a:hover, .Section2 p.register a:focus, .Section9 p.register a:hover, .Section9 p.register a:focus {color: rgba(0,154,218,0.75);}
.Section2 .box, .Section9 .box {float: left; color: #ffffff; font-size: 20px; font-family: "Fjalla One", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1; }
.Section2 .box .month, .Section9 .box .month {font-size:25px; font-family: "Fjalla One", Helvetica, Arial, sans-serif; font-weight: 400; }
.Section2 .event, .Section9 .event {margin-left: 85px;}
.Section2 .dk_blue, .Section9 .dk_blue {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#01579b;
}
.Section2 .blue, .Section9 .blue {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#009ada;
}
.Section2 .purple, .Section9 .purple {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#743c97;
}

.Section2 .turquoise, .Section9 .turquoise {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#00AE9A
}
.Section2 .red, .Section9 .red {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#EE3124
}
.Section2 .orange, .Section9 .orange {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#F98E2B
}
.Section2 .pink, .Section9 .pink {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#BB3E96
}

/*FAQ Section*/
.Section9 ul {font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif; font-size: 18px; line-height: 1.5; color: #343741; column-count: 2; list-style-type: none; padding: 0px;}
@media screen and (max-width:767px) {
.Section9 ul {column-count: 1;}
}        
.Section9 ul li {padding: 0px 10px 15px 0px;}
.Section9 ul li strong {font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 1.02; color: #009ada; font-weight: 700;}

.body-text {
font-size:18px;
line-height: 22px;
margin:20px 0 37px 0;
padding:0;
font-weight:400;
}

.vertical-align {
display: flex;
flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
display: flex;
justify-content: center; /* Optional, to align inner items
horizontally inside the column */
flex-flow: column;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
font-weight: normal;
}
#usergroup-logo{
margin-bottom: 20px;	
}
h1,.body-title {
font-size: 4.25rem;
line-height: 4rem;
font-weight:700;
}
.body-title h1{
font-size: 50px;
line-height:60px;
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
}
h2,.title, .main-title h2 {
font-size: 40px;
line-height:1.25;
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
color: #343741;
}

h4,.title, .main-title h4 {
font-size: 20px;
line-height:1.3;
color: #009ada;
font-family: "Roboto", sans-serif;
font-weight:700!important;
}


p, .text {
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
color: #343741;
line-height: 1.5;
}
.form-title {
margin:0 0 16px 0;
font-size:25px;
line-height:36px;
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
position: relative;
}
.form-text {
margin-top:15px;
font-weight:400;
position: relative;
font-size:16px;
line-height:24px;
}
h3 {
font-size: 30px;
line-height:39px;

}
h4{
font-size: 20px;
line-height: 1.3;
}

h5 {
font-size: 18px;
line-height: 1.5;
}


.white-text {
color: #ffffff;
}

img {
max-width:100%!important;
height:auto!important;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
header {
margin: 0 auto;
width: 100%;
background-color:#ffffff;
}

.header-top {
padding:10px 15px;
font-size: 18px;
text-align: left;
margin: 0 auto;
}
.header-top img {max-height: 48px; margin: 20px 20px 20px 20px;}
#header-logo img{
width:136px;
}
@media screen and (max-width:767px) {
.header-top .my-auto {display: block; margin: 0px auto; text-align: center; padding-right:15px;}   
.header-top .my-auto img {display: block; margin: 0px auto; text-align: center;}
.two-buttons .btn {
display: block;
margin-bottom:20px;
margin-right:0;     
}
.two-buttons .btn a {
width:100%;
}       
} 
/*Button Colors */
.btn a:visited, .btn a:focus {
 color:#fff;
}
.btn.blue a{
background-color: #009ada;
cursor: pointer;
}

.btn.blue a:hover, .btn.blue a:focus {
background-color:#009ada;
opacity: 0.75;
cursor: pointer;
}

.btn.dark_blue a{
background-color: #01579b;
cursor: pointer;
}

.btn.dark_blue a:hover, .btn.dark_blue a:focus {
background-color: #01579b;
opacity: 0.75;
cursor: pointer;
}
.btn.purple a{
background-color: #743C97;
cursor: pointer;
}

.btn.purple a:hover, .btn.purple a:focus {
background-color:#743C97;
opacity: 0.75;
cursor: pointer;
}

.btn.pink a{
background-color:#BB3E96;
cursor: pointer;
}

.btn.pink a:hover, .btn.pink a:focus {
background-color:#BB3E96;
opacity: 0.75;
cursor: pointer;
}
.btn.green a{
background-color: #00AE9A;
cursor: pointer;
}

.btn.green a:hover, .btn.green a:focus {
background-color:#00AE9A;
opacity: 0.75;
cursor: pointer;
}
.btn.red a{
background-color: #EE3124;
cursor: pointer;
}

.btn.red a:hover, .btn.red a:focus {
background-color: #EE3124;
opacity: 0.75;
cursor: pointer;
}
.btn.orange a{
background-color:#F98E2B;
cursor: pointer;
}

.btn.orange a:hover, .btn.orange a:focus {
background-color:#F98E2B;
opacity: 0.75;
cursor: pointer;
}


.blue-gradient {
background: rgb(0,153,218);
background: linear-gradient(90deg, rgba(0,153,218,1) 0%, rgba(2,104,148,1) 100%);
} 
.dark_blue-gradient {
background: rgb(1,86,154);
background: linear-gradient(90deg, rgba(1,86,154,1) 0%, rgba(0,55,107,1) 100%);
} 
.purple-gradient {
background: rgb(114,58,149);
background: linear-gradient(90deg, rgba(114,58,149,1) 0%, rgba(79,33,105,1) 100%);
} 
.green-gradient {
background: rgb(1,174,154);
background: linear-gradient(90deg, rgba(1,174,154,1) 0%, rgba(1,119,105,1) 100%);
} 
.pink-gradient {
background: rgb(187,61,149);
background: linear-gradient(90deg, rgba(187,61,149,1) 0%, rgba(127,33,101,1) 100%);
} 
.red-gradient {
background: rgb(238,49,36);
background: linear-gradient(90deg, rgba(238,49,36,1) 0%, rgba(126,35,24,1) 100%);
} 

.two-buttons .btn {
margin-right:20px;
}
.two-button .btn:last-child {
margin-right:0;
}
.outlook a:before {
display:inline-block;
height:20px;
width:20px;
margin-right: 5px;
content: "";
background:url(https://go.proofpoint.com/rs/309-RHV-619/images/outlook_white.svg) no-repeat 0 0;
background-size: 20px 20px;
}
.google a:before {
display:inline-block;
height:20px;
width:20px;
margin-right: 5px;
content: "";
background:url(https://go.proofpoint.com/rs/309-RHV-619/images/Google_Calendar_white.svg) no-repeat 0 0;
background-size: 20px 20px;  
}       
.top-text  {
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;   
font-size:24px;
line-height: 40px;     
word-wrap: normal;
padding:10px 20px;
text-align: center;
text-transform: uppercase;    
display: inline-block;
font-weight: 400;
min-height: 45px;
outline: none;
min-width: 210px;
margin: 0;
border-radius: 0px;
border: none;
max-width: 100%;  
} 

.btn {
padding:0;
line-height: 0.5rem;
border-radius: 0;
border:none;
} 

.btn a{
color:#fff;
padding:10px 20px;    
text-align: center;
display: inline-block;
font-weight: 400;
font-size: 20px;
line-height: 30px;      
height: auto;   
outline: none;
font-family: "Fjalla One", Helvetica, Arial, sans-serif;
min-width: 210px;
margin: 0;
border-radius:0px;
border: 2px solid transparent;
cursor: pointer;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
text-decoration: none;
}

.btn a:hover,.btn a:focus {
color: #FFF;
text-decoration: none;
}
.three-col-alignment img {
margin-bottom: 35px;
min-height: 75px;
max-height: 75px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin:0 auto;
}

.body-container {
padding:0px 0 40px 0!important;
}

.left-body-text {
padding:70px 15px 0;
}

#logo {
padding: 5px 0 20px;
}


/*Lightbox Form */
#HiddenForm  {
visibility: hidden;
position: absolute;
}
.mktoModal .mktoModalMask {
background: rgba(0,0,0,0.8)!important;
}
.mktoModal .mktoForm {
visibility: visible;
position: static;
} 
.mktoModal .mktoModalContent {
background: #ffffff!important;
padding: 40px!important;
}
.mktoModalContent {
margin-left: auto!important;
margin-right: auto!important;
left: 0!important;
right: 0!important;  
width:500px;
max-width: 100%!important;	
}
.mktoModalMain {
width:100%!important;
}
.mktoModalMain label {
color:#fff!important;
}

.mktoModal .mktoModalClose {
width: 25px!important;
height: 25px!important;
font-size: 17px!important;
font-weight: bold!important;
line-height: 23px!important;
-webkit-border-radius: 19px!important;
border-radius: 19px!important;
border: 2px solid #fff!important;}

#RegistrationForm .mktoForm {
margin:0 auto;
}

#BodyForm .mktoForm {
max-width:100%!important;
margin:0 auto;
}
#BodyForm  .mktoForm .mktoButtonRow{
margin:20px 0!important;
}
#BodyForm  .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, #Body2ColForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
width:auto!important;
min-width:200px;
text-align:center!important;
margin-right:auto!important;
}



/* MARKETO RESET STYLES.
* Get rid of those god-awful stylings created by a bunch of back-end engineers
* who don't know anything about front-end development. */
.mktoOffset, .mktoGutter, .mktoClear, .mktoAsterix {
display:none!important; }

/* MARKETO FULL-WIDTH.
* This makes the form fit whatever contains it. */
form, .mktoFieldDescriptor, .mktoFieldWrap, input, .mktoForm select.mktoField,.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList, .mktoHtmlText  {
width: 100% !important;
max-width: none!important;	 
}
.mktoFormRow:nth-of-type(5) {
float: none!important;
}

/* MARKETO LABEL*/
label {
margin-bottom:10px;
font-family:"Roboto", sans-serif!important;
text-align:left!important;	
}
.mktoHtmlText {
font-family:"Roboto", sans-serif!important;
font-weight:normal;
line-height: 24px;
font-size: 16px;
}

/* MARKETO MOBILE FORM RESET.
* These are meant to make forms 'responsive,' but it's a lot of unnecessary
* styling that breaks our more robust styling. */
.mktoForm {
padding: 0px !important;
font-family: "Roboto", sans-serif!important;
position: relative;
z-index: 3;
}
.mktoForm .mktoFormCol {
width: 96%!important;}

/* one item */
.mktoFormCol:first-child:nth-last-child(2),
.mktoFormCol:first-child:nth-last-child(2) ~ .mktoFormCol {
width: 100%!important;
padding-right: 1%!important;
}

/* two items */
.mktoFormCol:first-child:nth-last-child(3),
.mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {
width:50%!important;
padding-right:1%!important;
}

.mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {
padding-left:1%!important;
padding-right: 1%!important;
}

/* three items */
.mktoFormCol:first-child:nth-last-child(4),
.mktoFormCol:first-child:nth-last-child(4) ~ .mktoFormCol {
width: 32.3333%!important;
padding-right:1%!important;
}

/* four items */
.mktoFormCol:first-child:nth-last-child(5),
.mktoFormCol:first-child:nth-last-child(5) ~ .mktoFormCol {
width: 24%!important;
padding-right:1%;
}

.mktoForm fieldset {
padding: 0px !important;
margin: 0 !important;
border: 0; }
.mktoForm fieldset legend {
display: none !important; }
.mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
height: inherit !important;
line-height: inherit !important;
font-size: inherit; }

.mktoForm input[type="text"], .mktoForm input[type="email"], .mktoForm input[type="number"], .mktoForm select.mktoField, .mktoForm input[type="tel"] {
box-shadow: none!important;
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
display: block;
width: 100%!important;
height:30px!important;
padding:10px 5px 10px 0px!important;
-webkit-appearance: none;
border-radius: 0!important;
background-color:transparent!important;
border:none!important;
outline: 0;
border-bottom: 1px solid #01579B!important;
}
.mktoForm input[type="text"]::placeholder,.mktoForm input[type="email"]::placeholder, .mktoForm input[type="number"]::placeholder, .mktoForm input[type="tel"]::placeholder {color: #01579b;}        

.mktoForm select.mktoField, .mktoForm textarea.mktoField {
box-shadow: none!important;
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
display: block;
width: 100%!important;
padding:10px 15px 10px 0px!important;
height:auto!important;
min-height: 30px!important;	
-webkit-appearance: none;
border-radius: 0!important;
background-color:transparent!important;
border:none!important;
outline: 0;
border-bottom: 1px solid #01579B!important;
}
/* Style dropdown arrow */
.mktoForm select.mktoField {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
padding: 0.2em 22px 0.2em 0px!important;
background-size:11px 16px!important;
height:30px!important;
background-color:transparent!important;
}
#FormHero select.mktoField {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
padding: 0.2em 22px 0.2em 0px!important;
background-size:11px 16px!important;
height:30px!important;
background-color:transparent!important;
}

/* Radio button and or checkbox styling */
.mktoForm .mktoRadioList > input, .mktoForm .mktoCheckboxList > input {
padding: 0;
float: left;
width:17px!important;
display: inline-block;
}

/* Radio button and or checkbox label text styling */
.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {
padding-left: 15px;
margin-bottom:10px!important;
line-height: 18px!important;
display:block!important;
font-size:14px;
}
.mktoForm .mktoRadioList > input,.mktoCheckboxList input {
opacity: 0;
position: absolute;
}
.mktoForm .mktoRadioList input,.mktoCheckboxList input, .mktoCheckboxList label, .mktoRadioList label {
display: inline-block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
}
.mktoCheckboxList label, .mktoRadioList label {
position: relative;
}
/* Checkbox style before it's checked */
.mktoCheckboxList input + label:before, .mktoForm input[type=checkbox] + label:before {
content: '';
background: #fff!important;
border-radius:0px;
display: inline-block!important;
vertical-align: middle!important;
width: 20px!important;
height: 20px!important;
padding:0px!important;
margin-right: 10px!important;
text-align: center!important;
position:absolute!important;
top:3px;
left:0!important;
box-shadow: none!important;
line-height:22px!important;
margin-left:0!important;
}
/* Radio button style before it's checked */
.mktoRadioList input + label:before, .mktoForm input[type=radio] + label:before  {
content: '';
background: #fff!important;
display: inline-block!important;
vertical-align: middle!important;
width:20px!important;
height:20px!important;
padding:0px!important;
margin-right: 10px!important;
text-align: center!important;
position:absolute!important;
left:0!important;
}

.mktoRadioList input + label:before {
-webkit-border-radius:50%!important;
-moz-border-radius:50%!important;
border-radius:50%!important;
}

/* Checkbox style after it's checked */
.mktoCheckboxList input:checked + label:before, .mktoForm input[type=checkbox]:checked + label:before  {
content:url('https://go.proofpoint.com/rs/309-RHV-619/images/white-checkmark.png')!important;
background:#000!important;
border-color:#000!important;
}

/* Radio button after it's checked */
.mktoRadioList input:checked + label:before, .mktoForm input[type=radio]:checked + label:before {
content:url('https://go.proofpoint.com/rs/309-RHV-619/images/white-checkmark.png')!important;
background:#000!important;
border-color:#000!important;
-webkit-border-radius:50%!important;
-moz-border-radius:50%!important;
border-radius:50%!important;
}

/* Radio button and or Checkbox label style*/
body .mktoForm .mktoCheckboxList > label, body .mktoForm .mktoRadioList > label {
margin-left:0;
padding-top: 4px!important;
font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif!important;
font-size: 14px;
font-weight:500;
line-height:18px;
padding-left:30px;
}

/* Radio button and or Checkbox label with link style*/
.mktoForm .mktoRadioList > label a, .mktoForm .mktoCheckboxList > label a {
text-decoration:underline;
padding:0;
}

.mktoForm .mktoLabel {
float:none!important;
line-height: 1.2em;
padding-top: 0.3em;
width: 86%!important;
font-family:'Roboto', sans-serif!important;
font-weight:normal!important;
margin-bottom: 5px;
font-size:16px;
}
.mktoForm .mktoRequiredField label.mktoLabel {
font-family:'Roboto', sans-serif!important;
font-weight:normal!important;
font-size:16px;
}
.mktoForm .mktoCheckboxList {
padding:0;
margin-top:10px;
}

.mktoForm .mktoRequiredField label.mktoLabel:after {
content: ' *';
}

@media only screen and (max-width: 480px) {
.mktoForm input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="submit"], .mktoButton, .mktoForm select.mktoField, .mktoForm textarea.mktoField {
margin-bottom: 20px !important; } }

.mktoFieldDescriptor {
margin: 0 0 15px !important; }

.mktoButtonRow, .mktoButtonWrap {
display: inline-block !important;
position:relative!important;
margin:15px 0 10px 0!important;
width:100%!important;
padding-right:1%!important;
}

.mktoButtonWrap {
margin: 0!important;
margin-left:0!important;}

input[type="submit"], .mktoButton {
box-shadow: none!important;
border: 0 !important;
/*background:#fed203!important;*/
/*color:#000!important;*/
font-family: "Fjalla One", Helvetica, Arial, sans-serif!important;
font-size: 25px!important;
font-weight: 400;
line-height: 20px;
padding:12px 20px!important;
border-radius:0px!important;
text-align:center;
text-decoration: none;
cursor: pointer;
transition: border .5s, color .5s, background .5s;
display:block!important;
min-width: 180px!important;
margin-right:auto!important;
text-align: center!important;
height: 45px!important;
}

input[type="submit"]:hover, .mktoButton:hover {
background-color: #009ada; opacity: 0.75;
}

*::-webkit-input-placeholder {
color:#000;}

*::-moz-placeholder {
color:#000;}

*:-ms-input-placeholder {
color:#000; }

*::placeholder {
color:#000; }

.mktoForm .mktoError {
left:0!important;
}

.columns-wrapper {
margin: 0 auto;
}

.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}

.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}

footer {
padding: 35px 0 25px 0px;
}

.footer-links ul {
padding-left:0;
}
.footer-links ul li {
list-style-type: none;
display: inline-block;
padding-right:20px;
}
.footer-links ul li:last-child {
padding-right:0;
}
.footer-links ul li a {
font-size: 16px;
color: #fff;
font-weight:400;
text-decoration: none;
}
footer .logo {width: 100%; max-width: 160px!important;}
.copyright {
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;
font-weight:400;
color:#fff;
}
.et-social-icons {
text-align: right;
padding:0px 0 0 0;
}

.et-social-icon {
display: inline-block;
position: relative;
cursor: pointer;
width: 30px;
height: 30px;
padding: 0px;
text-decoration: none;
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 1.8em;
background-color:#fff;
border-radius: 50%;
}

.et-social-icons li {
display: inline-block;
margin-right:10px;
}

.et-social-icon a {
font-size: 18px;
text-align: center;
text-decoration: none;
transition: color 300ms ease 0s;
}
footer p {color: #ffffff; font-size: 14px;margin:0;}
@media screen and (max-width:767px) {
footer p {margin-top: 12px; margin-bottom: 0px;}
.hero .body-title {word-break: break-word;hyphens: auto;}
}  
.main-title {
font-size:36px;
line-height: 40px;
font-weight:700;
margin-bottom:10px;
}
#body-text {
font-size:18px;
line-height: 27px;
font-weight:400;
}
.text {
font-size:18px;
line-height: 27px;
font-weight:400;
}
@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
h1, .body-title, h1 span {
font-size:32px!important;
line-height:39px!important;
}
h2, .title, h2 span {
font-size: 35px!important;
line-height:40px!important;
}
h3, h3 span {
font-size:24px!important;
line-height:31px!important;
}
h4, h4 span {
font-size:18px!important;
line-height:24px!important;
}
h5, .purple-title {
font-size:17px!important;
line-height:22px!important;
}
.et-social-icons {
float: none;
padding-top:20px;
text-align: center;
padding-left:0;
}
footer{
text-align:center;
}
}
@media only screen and (max-width: 767px) {
nav ul li {
display: block;
padding: 0;
text-align: left;   
}
.body-background-image {
height: unset;
padding: 0 0 30px 0;
}
.body-background-image:before{
background-size: cover;
}
#RegistrationForm .mktoForm {
max-width:305px!important;
margin:0 auto;
}
.d-flex {
display: block!important;
}

/* one item */
.mktoFormCol:first-child:nth-last-child(2),
.mktoFormCol:first-child:nth-last-child(2) ~ .mktoFormCol {
width: 100%!important;
padding-right: 0!important;
}
/* two items */
.mktoFormCol:first-child:nth-last-child(3),
.mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {
width: 100%!important;
padding-right:0;
padding-left: 0;
}
/* three items */
.mktoFormCol:first-child:nth-last-child(4),
.mktoFormCol:first-child:nth-last-child(4) ~ .mktoFormCol {
width: 100%!important;
padding-right:0;
}
/* four items */
.mktoFormCol:first-child:nth-last-child(5),
.mktoFormCol:first-child:nth-last-child(5) ~ .mktoFormCol {
width: 100%!important;
padding-right:0;
}
.mktoButtonRow, .mktoButtonWrap {
padding-right:0%!important;
}
}

@media only screen and (max-width: 500px) {}

@media only screen and (max-width: 479px) {
.header-top {text-align: center;padding:30px 30px;}
.pad-top {padding-top:0;}
.form-title {margin-top:20px;}
#BodyForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {width:100%!important;}
#logo {
padding-bottom: 10px;
}
.et-social-icons {
float: none;
padding-top:0px;
text-align: center;
padding-left:0;
}
footer {
text-align:center;
}
}