@import url(https://fonts.googleapis.com/css?family=Poppins:400,700|Roboto:400,700);

.icon,
.icon:before,
.pattern.call-action > *:after {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

nav li a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

body,
h1,
h2,
p,
input,
.pages,
textarea,
#main .wrap .explore a,
#main .wrap .explore a:hover,
#main .wrap .explore p,
#core dd li,
.box.three p,
.box.three ul li div,
.box.three ul li h4,
.boxes .icon p,
.icon h4,
#home #splash a.toggle,
nav#sub section li:after,
nav.dub section li:after,
#main h2,
#main section section section h3,
#main div .wrap h3,
main h2,
main section section section h3,
main div .wrap h3,
.page.subs nav ul li article,
#news #main .wrap nav ul,
#news #main section .mailing-list h2,
#products .diagram #core dl dd,
.actions ol li p,
.page .diagram.migr8-2-uc ul li dl,
.page .diagram.migr8-2-uc ul li dt,
#about.people aside#popup.people #main .wrap h1,
#about.people aside#popup.people #main .wrap h2,
#about.people.page > #main h3,
#about.people.page > #main h2,
.products.ucdm #main .wrap > section > div h3,
.products.be #main #series .icons li p,
.portal main #content h4,
.portal main > section > nav #content #user a,
.portal main > section > nav #content article a,
.page .solutions-banners h4,
#solutions article#pie ol li strong,
body#content .boxes strong,
#resources #main .wrap section section nav ul.second li h2,
#resources .first .selected .deep > .download,
#resources #main .wrap section section nav > ul.first li > ul.second li a,
#resources #main .wrap section section nav > ul.first li > ul.second li li,
#resources #main .wrap section section nav ul.second li p {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
}

#sub a,
nav.dub li a,
#products .panel h3,
#products .panel ul li,
#products.uc #main section section h3,
.page:not(.block) section h3,
.page section h4,
#popup #main .wrap h2,
#news #main .wrap article nav,
#news.awards #main .wrap article h2,
#home #splash nav a,
#home #sub-header dt,
#home #updates ul dl h2,
#home article h1,
#search #main .wrap section h2 span,
#support #main section .actions p,
.portal main > section > nav li a,
#news.article #main article h1 a,
#news #main article #headings h1 p,
#careers .subs h1,
#careers #offices.subs strong,
#training tr th a span,
#solutions #main div#parent ol > li section article ul li div strong,
#solutions main div#parent ol > li section article ul li div strong,
ul.third li p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
p{
  font-weight:700;
}
p span{
    font-weight:400;

}


#products #main section section li.title,
#products.features #main .modules .box h5,
#products.page.simple.new main section h3,
#news #main aside nav a,
#news #main #content a,
#news #main .wrap nav ul li.selected a,
#news.article #main article h1,
#news #main section .mailing-list h1,
#contact #main section ul.locations dl dt,
#contact #main section form ul li input[type="submit"],
#contact #main section form ul li.close,
.box ul li h4,
.actions ol li a,
.actions ol li p,
#main p strong,
#main p b,
#main li strong,
#main li b,
main p strong,
main p b,
main li strong,
main li b,
#main .wrap section section nav li a,
#main .wrap section section nav li a:hover,
#main h3,
.page.subs #main .wrap section nav ul li h3 a,
.page section dl dt,
.page #main section h3,
.products.ucdm #main .wrap > section > div ul li h4,
#about.milestones .wrap section article dl dd ul li:before,
.portal main #content article ul li:before,
.portal #content > nav li a,
.portal #content article.portal-content ul li,
header section nav ol li a.username,
#news #main article h2 p,
#resources nav .first > li > h2,
#resources #main section section section h2,
#training tr td.first,
#training tr th a,
#technology article h2,
#technology #voss-4-uc-core h4 a,
#products.overview #differentiators h4 a,
#products.migr8 #differentiators h4 a,
#home #splash nav a,
#home #transformation h1,
#home #videos dl,
#home #roi h1,
.button.new,
form .success,
form.password-reset span strong,
form .action span p,
forms.gdpr form label,
footer.forum > a,
footer section dl dt {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

header section nav.secondary li,
header section nav.secondary li a,
header section nav.secondary li a:hover,
.block main h2 p,
.block main h3,
#main .action,
#main.four0four section section h1,
#news #main.four0four section section h1,
#main.four0four section section h2,
.losangle,
#ajax h1,
#home article.slider,
#home article.slider h2,
#main section section section h2,
main section section section h2,
#about.people h3,
.cucdm.diagram h3,
.page.flow #main article h3,
aside#popup #main .wrap h2,
aside#popup #main .wrap h1,
article#video h2,
body.forms h1,
body.forms h2 p,
#news #main article h1 p,
#content.page section h4,
#home #twitter li span,
#Kunena a:link,
.quote span,
#twitter li a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

nav.primary li a,
nav.primary li a:hover,
.block main h1,
#main section section h1,
main section section h1,
#main div .wrap h2,
main div .wrap h2,
#technology main #voss-4-uc-core > dl dt,
section.diagram dl dt,
#main #content .action,
#home #main section #goal ul > li .close,
article#popup-container section .close,
#news #main .wrap aside nav dl dd ul li a,
#news #main .wrap aside div h3,
#news #main aside nav dl a,
#news #main .wrap aside nav ul li.selected a,
#news #main section section h1,
#news #main aside nav dl dt a,
.box.customers ul li span,
#about.milestones .wrap section nav#years ul li a,
body.forms #main .wrap section form h3,
aside#popup #main .wrap form h3,
.diagram #core dl dt,
.diagram h3,
#products.features #main .modules h4,
#products.uc #main section section h3,
#products.features #main div section h3,
#careers .vacancies h1,
#left1 th,
fieldset legend,
.button,
.action .button,
.quote,
#twitter li,
#footer li,
#home #twitter li span a,
nav {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#trigger:before,
mark,
#home #sub-header section ul li dt:before,
footer section li.twitter:before,
footer section li.youtube:before,
footer section li.linkedin:before,
footer section li.facebook:before,
footer section li.contacts:before,
footer section li.google:before,
#about.people #main li.gplus a:before,
#about.people #main li.linkedin a:before,
#about.people #main li.twitter a:before,
#news #main aside a:before,
#news #main aside .twitter p a:before,
.actions ol li div:after,
#twitter section section div a:before,
#resources main ul li a:before,
#resources main .download:before,
#resources main.deep > .download:before,
#contact #main section .locations div.contactus a:before,
#content #user div span:before,
#content.page.block main article .general div li:before,
#technology article dl:before,
#technology #voss-4-uc-core h4 a:before,
#products #differentiators h4 a:before,
article#video h2:before,
.diagram.voss-4-uc ul li dt:before,
.diagram.voss-4-uc div dt:before,
.diagram.voss-4-uc .arrows li:before,
.diagram.voss-4-uc .arrows li:after,
#voss-4-uc-core .arrows li:after,
#voss-4-uc-core .arrows li:before,
#voss-4-uc-core dl dt:before,
#support .actions li:before,
.bx-controls-direction a:before,
#footer .contact a:before,
#footer .email a:before,
#footer .download a:before {
  font-family: "icomoon", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

#pardot-form,
#pardot-form *,
#pardot-form *:before,
#pardot-form *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#pardot-form {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;

}
#pardot-form .form {
  background-color: #bcbec0;
  border-radius: 20px;
}

#pardot-form .pd-text {
  margin: 15px 0 30px 0; 
  padding: 0;
  display: flex;
  flex-direction: column;
}



#pardot-form .form-field .field-label {
   flex-wrap: wrap;
   line-height:24px;
   white-space: break-spaces;
}
#pardot-form .MaaS_Ts_and_Cs{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: left;
}
#pardot-form .MaaS_Ts_and_Cs .value{
  padding-right: 10px;
}

#pardot-form .MaaS_Ts_and_Cs a{
  flex-wrap: wrap;
  overflow-wrap:normal;
}

#pardot-form .form-field .field-label {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
}



#pardot-form .form-field:first-child {
  margin-top: 0;
}

#pardot-form input {
  border: 1px solid #ccc;
  border-radius: 20px;
  box-sizing: border-box;
  color: #2c3e50;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 7px;
  padding-right: 7px;
}

#pardot-form input.text,
#pardot-form input.date,
#pardot-form textarea,
#pardot-form select {
  font-family: inherit;
  color: inherit;
}

#pardot-form.label-left .field-label {
  width: 35%;
  width: calc(115px);
}

#pardot-form.label-left input.text,
#pardot-form.label-left input.date,
#pardot-form.label-left textarea,
#pardot-form.label-left select {
  width: 65%;
  width: calc(100% - 115px);
  border-radius: 30px;
}

#pardot-form.label-left span.value,
#pardot-form.label-left .description,
#pardot-form.label-left .no-label > *,
#pardot-form.label-left .submit,
#pardot-form.label-left .error.no-label {
  margin-left: 35%;
  margin-left: calc(115px);
}

#pardot-form label.inline {
  padding-left: 0;
}

#pardot-form input.date {
  padding-left: 20px;
  background-position: left center;
}

.logo {
  text-align: center;
}

.grey {
  background-color: #eee;
}

img {
  max-width: 100%;
}

.callout-box {
  background-color: #eee;
  width: 100%;
}

.callout-box .inner {
  padding: 15px;
}

table.editable-table {
  table-layout: fixed;
  width: 100%;
}

.flush {
  padding-left: 0;
  padding-right: 0;
}

.vpadding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.hpadding {
  padding-left: 15px;
  padding-right: 15px;
}

.tpadding {
  padding-top: 20px;
  padding-bottom: 0px;
}

.bpadding {
  padding-top: 0px;
  padding-bottom: 20px;
}

.social-list {
  padding-left: 0;
}

.social-list li,
.social-list {
  display: inline;
}

.social-list a:hover {
  text-decoration: none;
}

#share-buttons img {
  width: 20px;
  border: 0;
  box-shadow: 0;
  display: inline;
}

@media (max-width: 767px) {
  .pull-right {
    float: none !important;
    text-align: center;
  }

  .social {
    text-align: center;
  }

  .cta {
    padding-top: 20px;
  }

  .cta p {
    margin-bottom: 0;
  }

  .jumbotron {
    margin-bottom: 0;
  }

  .jumbogron p {
    margin-bottom: 0;
  }

  .vcenter {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  #pardot-form.label-left .field-label {
    width: 100%;
    text-align: left;
  }

  #pardot-form.label-left input.text,
  #pardot-form.label-left input.date,
  #pardot-form.label-left textarea,
  #pardot-form.label-left select {
    width: 100%;
  }

  #pardot-form.label-left span.value,
  #pardot-form.label-left .description,
  #pardot-form.label-left .no-label > *,
  #pardot-form.label-left .submit,
  #pardot-form.label-left .error.no-label {
    width: 100%;
  }

  #pardot-form.label-left span.value,
  #pardot-form.label-left .description,
  #pardot-form.label-left .no-label > *,
  #pardot-form.label-left .submit,
  #pardot-form.label-left .error.no-label {
    margin-left: 0;
  }

  form.form p {
    margin-left: 0px !important;
    padding-left: 0px !important;
  }

  table.editable-table td {
    display: block;
    width: 100% !important;
  }
}

.pardot.sidebar {
  pointer-events: all;
  border-radius: 20px;
  padding: 27px 27px 27px 27px;
}

.pardot.sidebar #pardot-form p:first-child {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

@media (min-width: 692px) and (max-width: 992px) {
  .pardot.sidebar #pardot-form {
    text-align: center;
  }
}



.pardot.sidebar #pardot-form p.required label,
.pardot.sidebar #pardot-form p.required .field-label,
.pardot.sidebar #pardot-form p .field-label,
.pardot.sidebar #pardot-form .field-label {
  padding-bottom: 2px;
}



.pardot.sidebar #pardot-form input[type="text"],
.pardot.sidebar #pardot-form textarea {
  padding-left: 16px;
  margin-top: 10px !important;
  width: 100%;
  color: #333;
  border-radius: 30px;
}

.pardot.sidebar #pardot-form .submit {
  margin: 30px 0 30px 0;
  cursor:pointer;
}

.pardot.sidebar #pardot-form .submit input[type="submit"] {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0px;
  background-color: #00ade5 !important;
  width: auto;
  text-transform: none;
  padding: 16px 32px 16px 32px;
  cursor:pointer;
  margin-left: 140px;
  border-radius: 30px;
  margin-left: 0;

  border: none;
}

.pardot.sidebar #pardot-form p.error.no-label {
  text-align: left;
  color: #fce073;
}

.pardot.sidebar #pardot-form .errors {
  color: #fce073;
}

@media (min-width: 492px) and (max-width: 692px) {
  .pardot.sidebar #pardot-form .field-label,
  .pardot.sidebar #pardot-form input[type="text"],
  .pardot.sidebar #pardot-form textarea {
    display: inline-block;
  }

  .pardot.sidebar #pardot-form .field-label {
    text-align: left;
    min-width: 150px;
  }

  .pardot.sidebar #pardot-form input[type="text"],
  .pardot.sidebar #pardot-form textarea {
    border-radius: 30px;
    text-align: left;
    width: 100%;
    min-width: 200px;
    padding-left: 16px;
  }


  .pardot.sidebar #pardot-form .submit input[type="submit"] {
    
    
     padding: 16px 32px 16px 32px;
  }
}

@media (min-width: 692px) and (max-width: 992px) {
  .pardot.sidebar #pardot-form .field-label,
  .pardot.sidebar #pardot-form input[type="text"],
  .pardot.sidebar #pardot-form textarea {
    display: inline-block;
  }

  .pardot.sidebar #pardot-form .field-label {
    text-align: right;
    min-width: 130px;
  }

  .pardot.sidebar #pardot-form input[type="text"],
  .pardot.sidebar #pardot-form textarea {
    text-align: left;
    min-width: 150px;
    width: 100%;
    border-radius: 30px;
    padding-left: 16px;
  }

  .pardot.sidebar #pardot-form p.error.no-label {
    margin-left: 375px;
    text-align: left;
  }

  .pardot.sidebar #pardot-form .submit {
    margin-top: 25px;
  }
}

.pardot.blue #pardot-form .submit input[type="submit"] {
  font-size: 14px !important;
  cursor:pointer;
}

.pardot.blue.sidebar .submit input[type="submit"] {
  margin-left: 0;
}

@media (max-width: 768px) {
  .pardot.wide {
    padding: 15px;
  }
}

.pardot.wide #pardot-form.form {
  margin-top: 20px;
}

.pardot.wide #pardot-form.form p label {
  width: 40%;
}

@media (max-width: 768px) {
  .pardot.wide #pardot-form.form p label {
    width: 100%;
    float: none;
    margin-bottom: 8px;
    text-align: left;
  }
}

.pardot.wide #pardot-form.form input[type="text"],
.pardot.wide #pardot-form.form textarea {
  width: 300px;
}

@media (max-width: 768px) {
  .pardot.wide #pardot-form.form input[type="text"],
  .pardot.wide #pardot-form.form textarea {
    width: 100%;
    float: none;
    margin-bottom: 8px;
    padding-left: 16px;
  }
}

.pardot.wide #pardot-form .submit {
  margin: 30px 0 15px 0;
  padding: 0;
}

.pardot.wide #pardot-form .submit input[type="submit"] {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-size: 16px !important;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0px;
  background-color: #00ade5 !important;
  width: auto;
  text-transform: none;
  padding: 16px 32px 16px 32px !important;
  cursor: pointer;
  margin-left: 140px;
  border-radius: 30px;
  margin-left: 0;
  min-width: 220px;
  border: none;
}

@media (min-width: 1024px) {
  .pardot.wide #pardot-form .submit input[type="submit"] {
     min-width: 222px;
  }
}

@media (max-width: 768px) {
  .pardot.wide #pardot-form .submit input[type="submit"] {
    margin-left: 0;
  }
}