@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

	
html, body {
         font-family: 'Inter', 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: #000000;
         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:#035BFB;
		  }

		  a {
			color:#035BFB;
            text-decoration: none;
            line-height: inherit;
		  }

		  a:visited {
			  color:#035BFB;
		  }
		.white h2, .white p {color:#ffffff!important;}
		.row.is-flex {
			display: flex;
			flex-wrap: wrap;
		}
		.row.is-flex > [class*='col-'] {
			display: flex;
			flex-direction: column;
		}
		.col-md-4.mb-5.mb-md-0 {
    background-color: white;
    border-radius: 8px;
    /* width: 100%; */
    padding: 0px;
    flex: 0 0 32%;
}
		.row.video-section {
    gap: 20px;
}
		/*
		* 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(177, 177, 177,0.5);
   z-index: 99;
}
.btn.back-to-top:hover {
   color: rgba(0,154,218,0.75);
   background-color: rgba(177, 177, 177,0.25);
}


.NavSection {background-color: #035BFB; padding: 0px!important;position:relative;}
@media screen and (max-width: 767px) {
.navbar-dark .navbar-toggler {float: none; text-align:center;border:none;; margin: 12px 85% 12px;}
.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;
}   
}        
.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:15px 20px;
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: 'Inter', 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;
}
.ml-auto {margin-left: auto!important;margin-right: auto!important;}

@media 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 85% 12px; border: none!important; outline:none!important;}
nav ul {
list-style: none;
display: block;
padding: 0px;
}
nav ul li {border-right: 0px; border-bottom:thin solid #fff;}
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 {
 margin-top:10px;
}

#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:1;
font-family: 'Inter', Helvetica, Arial, sans-serif;
color: #84286B;
}
.Section1 ul {
font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
line-height: 1.2;
color: #000000;
list-style-type: none;
margin-bottom:20px;
}
@media screen and (max-width:767px) {
.Section1 ul {column-count: 1;}
}        
.Section1 ul li::before {
content: "\2022";
color: #035BFB;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.Section3 h4 {
font-size: 42px;
line-height: 1.3;
font-family: 'Inter', Helvetica, Arial, sans-serif;
font-weight: normal!important;
}
.Section3 ul {
display: flex;
flex-wrap: wrap;
font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
line-height: 1.55;
color: #000000;
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: 'Inter', sans-serif; font-size: 20px; line-height: 1.1; color: #035BFB; font-weight: 700;}
.Section3 ul li strong.date {font-family: 'Inter', sans-serif; font-size: 14px; display: block; line-height: 1.55; color: #035BFB; 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:#898A8D;
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: 'Inter', 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;
}
.accordion ul li:after {
content:""; 
position:absolute; 
border-bottom: 1px solid #dde6ed; 
width:100%; 
height:1px;  
bottom:0;    
}
.accordion ul li:last-of-type:after{
border-bottom:none;
}
.accordion ul li:hover {
color:#035BFB;
cursor: pointer;
}
.accordion ul li:nth-child(odd) {
background-color: #eaf7fc;
}

.accordion ul li h5 {
margin: 10px 0px 10px 0;
padding-left:35px;
padding-right:35px;
line-height: 25px;
}
.time {
margin:10px 10px 5px 10px;
float:left;
display: block;
text-align: left;
cursor: pointer;
font-size: 18px;
line-height: 24px;
font-family: 'Inter', '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%;
}
.Section5a .title h4 {color: #035BFB;font-family: 'Inter', 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: 'Inter', Helvetica, Arial, sans-serif;
font-size: 25px;
line-height: 1.12;
font-weight:normal;
color: #035BFB;
}
.Section5 h5 strong {
font-family: 'Inter', Helvetica, Arial, sans-serif;
font-size: 25px;
line-height: 1.12;
color: #035BFB;
font-weight: normal;
}
.Section5 .bio p {
font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
font-size: 16px;
line-height: 1.55;
font-weight: 400;
color: #000000;
}

.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: #035BFB; 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: #035BFB;
}

.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: #000000; font-family: 'Inter', Helvetica, Arial, sans-serif; font-weight:bold!important; font-size:25px;}
.Section2 p, .Section9 p {color: #000000; font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif; font-weight: 400; font-size: 18px; margin-bottom: 4px;}
.Section2 p.register a, .Section9 p.register a {color:#035BFB; 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: 30px; font-family: 'Inter', Helvetica, Arial, sans-serif; font-weight: 400; line-height:25px; }
.Section2 .box .month, .Section9 .box .month {font-size:25px; font-family: 'Inter', Helvetica, Arial, sans-serif; font-weight: 400; }
.Section2 .event, .Section9 .event {margin-left: 84px;}
.Section2 .dk_blue, .Section9 .dk_blue {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#035BFB;
}
.Section2 .bluecard, .Section9 .bluecard {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
border-radius:4px;
background-color:#035BFB;
}
.Section2 .blackcard, .Section9 .blackcard {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
border-radius:4px;
background-color:#000000;
}
.Section2 .greencard, .Section9 .greencard {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
border-radius:4px;
background-color:#46e874;
}
.Section2 .purple, .Section9 .purple {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#84286B;
}

.Section2 .turquoise, .Section9 .turquoise, .Section2 .green, .Section9 .green {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#00BBB4
}
.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:#F6892D;
}
.Section2 .pink, .Section9 .pink {
width:75px;
height:75px;
color: #ffffff;
text-align: center;
padding-top: 10px;
background-color:#C22990
}
	
/*Videos section */

.video-section img {
margin-bottom:20px;
border-radius: 5px;
}
.video-section h3 {
font-family: 'Inter', sans-serif;
font-weight:bold;
font-size:20px;
color:#000000;
margin-bottom:5px;
}	
.video-section p {
font-size:14px;
}
.video-section a {	
color: #035BFB;
font-size: 16px;
}
.video-section a:after {
content:'>';
padding-left: 5px;
}


/*FAQ Section*/
/*.Section9 ul {font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif; font-size: 18px; line-height: 1.5; color: #000000; 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: 'Inter', sans-serif; font-size: 20px; line-height: 1.02; color: #035BFB; 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: 'Inter', Helvetica, Arial, sans-serif;
}
h2,.title, .main-title h2 {
font-size: 40px;
line-height:1.25;
font-family: 'Inter', Helvetica, Arial, sans-serif;
color: #000000;
font-weight:bold;
}
.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;
} 
h4,.title, .main-title h4 {
font-size: 20px;
line-height:1.3;
color: #035BFB;
font-family: "Roboto", sans-serif;
font-weight:700!important;
}

p, .text {
font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
font-size: 18px;
color: #000000;
line-height: 1.5;
}
.form-title {
margin:0 0 16px 0;
font-size:25px;
line-height:36px;
font-family: 'Inter', 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: 0px 40px 0px 0px;}
#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;}
} 

/*Button Colors */
.btn a:visited {
 color:#fff;
}
.btn.blue a{
    background-color: #035bfb;
    cursor: pointer;
    color:#ffffff;
    transition: all 300ms cubic-bezier(0.23,1,0.32,1);
}

.btn.blue a:hover, .btn.blue a:focus {
    background-color:#035bfb;
    opacity: 0.9;
    cursor: pointer;
    outline: 5px solid rgba(3, 91, 251, 0.5);
}
.btn.white a{
    background-color: #ffffff;
    color:000000;
    cursor: pointer;
    transition: all 300ms cubic-bezier(0.23,1,0.32,1);
}

.btn.white a:hover, .btn.white a:focus {
    background-color:#035bfb;
    opacity: 0.9;
    cursor: pointer;
    outline: 5px solid rgba(3, 91, 251, 0.5);
}
.btn.green a{
    background-color: #46e874;
    cursor: pointer;
    color:#000000;
    transition: all 300ms cubic-bezier(0.23,1,0.32,1);
}

.btn.green a:hover, .btn.green a:focus {
    background-color:#46e874;
    outline: 5px solid rgba(70, 232, 116, 0.5) !important;
    opacity: 0.9;
    cursor: pointer;
}

.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:none;
} 

.btn a{
    font-family: "Inter", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    text-align: center;
    font-style: normal;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.32px;
    padding: 0 10px 0 16px !important;
    border: 0 none !important;
    display: inline-flex !important;
    flex-shrink: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    width: fit-content;
    height: 48px;
    position: relative;
    box-shadow: none !important;
    background-image: none !important;
    cursor: pointer;
    user-select: none;
    transition: all 300ms cubic-bezier(0.23,1,0.32,1);
    border-radius: 60px;
    z-index: 1;
    overflow: visible !important;
}
.btn a::before {
    content: '';
    position: absolute;
    border-radius: 60px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 300ms cubic-bezier(0.23,1,0.32,1);
}
.btn.white a:after {
    background-image:url('https://go.proofpoint.com/rs/309-RHV-619/images/global-elements-icon-arrow-right-blue.svg?version=0')
}
.btn.blue a:after {
    background-image:url('https://go.proofpoint.com/rs/309-RHV-619/images/global-elements-icon-arrow-right-white.svg?version=0')
}
.btn.green a:after {
    background-image:url('https://go.proofpoint.com/rs/309-RHV-619/images/global-elements-icon-arrow-right-black.svg?version=0')
}
.btn.pink a:after {
    background-image:url('https://go.proofpoint.com/rs/309-RHV-619/images/global-elements-icon-arrow-right-white.svg?version=0')
}
.btn a:hover,.btn a:focus {
    color: #FFF;
    text-decoration: none;
}
.btn a::after {
    content: '';
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    transition: all 300ms cubic-bezier(0.23,1,0.32,1);
    overflow: hidden;
    border-radius: 50%;
    background-color: transparent;
    transform: translateX(0%);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.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:48%!important;
padding-right:1%;
}

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

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

/* 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: 'Inter', 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 #035BFB!important;
}
.mktoForm input[type="text"]::placeholder,.mktoForm input[type="email"]::placeholder, .mktoForm input[type="number"]::placeholder, .mktoForm input[type="tel"]::placeholder {color: #035BFB;}        

.mktoForm select.mktoField, .mktoForm textarea.mktoField {
box-shadow: none!important;
font-family: 'Inter', 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 #035BFB!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:'Inter', Helvetica, Arial, Lucida, sans-serif!important;
font-size: 14px;
font-weight:500;
line-height:18px;
padding-left:30px;
padding-right: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:'Inter', sans-serif!important;
font-weight:normal!important;
margin-bottom: 5px;
font-size:16px;
}
.mktoForm .mktoRequiredField label.mktoLabel {
font-family:'Inter', 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: 'Inter', 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: #035BFB; 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: 'Inter', 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;}  
.two-buttons .btn {
display: block;
margin-bottom:20px;
margin-right:0;     
}
.two-buttons .btn a {
width:100%;
}    
}  
.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 {
font-size:32px;
line-height:39px;
font-weight:bold;
}
h2, .title {
font-size: 45px;
line-height:50px;
font-weight:bold;
}
h3 {
font-size:24px;
line-height:31px;
}
h4 {
font-size:22px;
line-height:29px;
}
h5, .purple-title {
font-size:21px;
line-height:27px;
}
.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: .5rem 1rem;
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;
}
}

.dark_blue{background-color:#035BFB!important;}
.red{background-color:#EE3124!important;}
.teal{background-color:#00BBB6!important;}
.green{background-color:#45A041!important;}
.light_blue{background-color:#035BFB!important;}
.pink{background-color:#C22990!important;}
.purple{background-color:#743c97!important;}