/* CSS Document */
#campaign-page {
  font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
  font-size: 15px !important;
  line-height: 24px !important;
  color: #53565a !important;
  text-transform: none !important;
  text-decoration: none !important;
  width: 920px !important;
  background-color: #f1f1f0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#campaign-page .headerBanner * {
  margin: 0 !important;
  padding: 0 !important;
}

#campaign-page * img {
  display: block !important;
}

#campaign-page .headline,
#campaign-page .sub-headline,
#campaign-page .teaserbox span,
#campaign-page .teaserboxwide span,
#campaign-page .workshophead {
  display: block;
  overflow: auto;
  word-wrap: break-word;
}

#campaign-page .headline {
  margin: 0 0 15px 0;
  font-size: 24px !important;
  line-height: 36px !important;
}

#campaign-page .sub-headline {
  margin: 30px 0 15px;
  font-size: 17px !important;
  line-height: 24px !important;
}

#campaign-page .workshophead {
  margin: 5px 0 !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

#campaign-page .flex-container,
#campaign-page .cta-button,
#campaign-page .teaserbox,
#campaign-page .teaserboxwide {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

#campaign-page .flex-container {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-wrap: wrap;
  align-items: stretch;
}

#campaign-page .flex-items {
  flex: 1 1 auto;
}

#campaign-page .flex-column1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex-grow: 1;
}

#campaign-page .flex-column2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex-grow: 2;
}

#campaign-page .flex-column3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  -webkit-flex: 3;
  flex-grow: 3;
}

#campaign-page .flex-column4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex-grow: 4;
}

#campaign-page .flex-column5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -ms-flex: 5;
  -webkit-flex: 5;
  flex-grow: 5;
}

#campaign-page .flex-column1,
#campaign-page .flex-column2,
#campaign-page .flex-column3,
#campaign-page .flex-column4,
#campaign-page .flex-column5,
#campaign-page .teaserbox,
#campaign-page .teaserboxwide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-wrap: wrap !important;
  align-items: stretch;
  justify-content: space-between;
}

/* Teaser Box */
#campaign-page .teaserbox p {
  width: 200px !important;
}

#campaign-page .teaserboxwide p {
  width: 340px !important;
}

#campaign-page .teaserbox,
#campaign-page .teaserboxwide {
  background: url("/cs/promotions/images/20170914-teaser-head-strip-960x4.png") no-repeat right 0;
  background-color: #ffffff;
  color: #888b8d !important;
  font-size: 13px !important;
  line-height: 19px !important;
  padding: 25px 30px !important;
  margin-bottom: 30px !important;
}

#campaign-page .teaserbox span,
#campaign-page .teaserboxwide span {
  font-size: 19px !important;
  line-height: 26px !important;
  margin-bottom: 15px !important;
}

#campaign-page .teaserbox img,
#campaign-page .teaserboxwide img {
  margin: 5px 0 15px;
  padding: 0px;
}

#campaign-page .speakerimg {
  float: left;
  margin-right: 10px !important;
  display: block;
}

#campaign-page .speakername {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
}

#campaign-page .workshop p {
  font-size: 14px !important;
  line-height: 20px !important;
  margin: 6px 0 10px 0 !important;
}

#campaign-page .workshop span {
  font-size: 13px !important;
  line-height: 22px !important;
}

#campaign-page .speakerinfo * {
  font-size: 13px !important;
  line-height: 19px !important;
}

#campaign-page .tourdate {
  float: left;
  font-size: 14px;
  width: 250px;
}

#campaign-page a:link,
#campaign-page a:visited,
#campaign-page a:active {
  color: #0085d5 !important;
  text-decoration: none !important;
}

#campaign-page a:hover {
  color: #00426a !important;
  text-decoration: underline !important;
}

#campaign-page .cta-11px * {
  font-size: 11px;
  padding: 13px 18px;
}

#campaign-page .cta-12px * {
  font-size: 12px;
  padding: 14px 19px;
}

#campaign-page .cta-13px * {
  font-size: 13px;
  padding: 15px 21px;
}

#campaign-page .cta-14px * {
  font-size: 14px;
  padding: 16px 22px;
}

#campaign-page .cta-15px * {
  font-size: 15px;
  padding: 18px 24px;
}

#campaign-page .cta-16px * {
  font-size: 16px;
  padding: 19px 26px;
}

#campaign-page .cta-button a:link,
#campaign-page .cta-button a:visited,
#campaign-page .cta-button a:active {
  font-family: "Roboto", Arial, sans-serif, Helvetica;
  font-weight: 400 !important;
  line-height: 100% !important;
  color: #ffffff !important;
  background-color: #0085d5;
  align-self: flex-end !important;
  margin: 5px auto !important;
  text-transform: none !important;
  text-decoration: none !important;
}

#campaign-page .cta-button a:hover {
  background-color: #00426a !important;
  text-decoration: none !important;
}

#campaign-page ul {
  padding: 0 0 15px 20px;
  margin: 0;
}

#campaign-page li {
  font-size: 14px !important;
  line-height: 22px !important;
  margin: 0 0 8px 0 !important;
}

#campaign-page .mediaspecs {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #888b8d !important;
  font-weight: 400 !important;
  margin: 0 0 15px 0;
}

#campaign-page .mediaspecs span {
  color: #53565a !important;
  margin: 0 5px;
}

#campaign-page .dividerline {
  padding: 0 !important;
  margin: 20px 0 !important;
  border-top: 1px solid #d0d0ce;
  height: 0px;
}

#campaign-page .dividerlinesml {
  padding: 10px 0 !important;
  margin: 0 0 15px 0 !important;
  border-bottom: 1px solid #d0d0ce;
}

#campaign-page .product-label {
  font-size: 12px;
  line-height: 16px;
  margin: 0 !important;
  padding: 0 0 35px !important;
  min-width: 800px !important;
}

#campaign-page * p {
  margin: 0 0 15px 0;
}

#campaign-page .container-wrapper {
  padding: 30px 45px !important;
}

#campaign-page .workshop-wrapper {
  padding: 0 45px 25px !important;
}

#campaign-page .sml-wrapper {
  padding: 0 45px !important;
}

#campaign-page .centerme {
  margin: 10px auto !important;
}

#campaign-page .reset {
  clear: both !important;
}

#campaign-page .resetspace {
  padding-top: 30px !important;
}

#campaign-page .resetwidth {
  width: 100% !important;
}

#campaign-page .stretch {
  align-content: flex-start !important;
  justify-content: space-between !important;
}

#campaign-page .endme {
  align-self: end !important;
  margin: 0 auto !important;
}

#campaign-page .rightalign {
  text-align: right !important;
}

#campaign-page .type-regular {
  font-weight: 400 !important;
}

#campaign-page .type-light {
  font-weight: 300 !important;
}

#campaign-page .type-bold {
  font-weight: 700 !important;
}

#campaign-page .black {
  color: #000000 !important;
}

#campaign-page .darkblue {
  color: #00426a !important;
}

#campaign-page .coolgray11 {
  color: #53565a !important;
}

#campaign-page .coolgray8 {
  color: #888b8d !important;
}

#campaign-page .coolgray2 {
  color: #d0d0ce !important;
}

#campaign-page .gapr10 {
  padding-right: 10px !important;
}

#campaign-page .gapr15 {
  padding-right: 15px !important;
}

#campaign-page .gapr25 {
  padding-right: 25px !important;
}

#campaign-page .gapr40 {
  padding-right: 40px !important;
}

#campaign-page .gapr60 {
  padding-right: 60px !important;
}

#campaign-page .marginr25 {
  margin-right: 25px !important;
}

#campaign-page .marginr40 {
  margin-right: 40px !important;
}

#campaign-page .marginr60 {
  margin-right: 60px !important;
}

#campaign-page .marginr80 {
  margin-right: 80px !important;
}

#campaign-page .marginb5 {
  margin-bottom: 5px !important;
}

#campaign-page .marginb10 {
  margin-bottom: 10px !important;
}

#campaign-page .marginb15 {
  margin-bottom: 15px !important;
}

#campaign-page .marginb20 {
  margin-bottom: 20px !important;
}

#campaign-page .marginb25 {
  margin-bottom: 25px !important;
}

#campaign-page .marginb30 {
  margin-bottom: 30px !important;
}

#campaign-page .margint5 {
  margin-top: 5px !important;
}

#campaign-page .margint20 {
  margin-top: 20px !important;
}

#campaign-page .margint30 {
  margin-top: 30px !important;
}

#campaign-page .margint40 {
  margin-top: 40px !important;
}

#campaign-page .padb0 {
  padding-bottom: 0 !important;
}

#campaign-page .padt0 {
  padding-top: 0 !important;
}

#campaign-page .flex-container.fourcol {
  flex-wrap: nowrap !important;
}

#campaign-page .flex-container.fourcol .flex-items.teaserbox {
  width: calc(20% - 75px);
  margin-right: 1.6667%;
  flex-wrap: nowrap !important;
  padding: 25px !important;
}

#campaign-page .flex-container.fourcol .flex-items.teaserbox:last-of-type {
  margin-right: 0;
}

#campaign-page .flex-container.fourcol .flex-items.teaserbox p {
  width: auto !important;
  font-size: 15px;
}

#campaign-page .flex-container.fourcol .flex-items.teaserbox img {
  margin-left: auto;
  margin-right: auto;
}

#campaign-page .text-center {
  text-align: center;
}

#campaign-page .teaserboxwide p {
  width: 100% !important;
  font-size: 15px;
}

#campaign-page .accordion {
  background: url("/cs/promotions/images/20200323-secure-cloud-benefits-plus.png") no-repeat right 10px center;
  background-size: 20px 20px;
  color: #53565a;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  transition: 1s;
  font-size: 15px;
  line-height: 1.3em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-top: 1px solid #d0d0ce;
  padding-top: 10px;
  margin-top: 10px;
}

#campaign-page .accordion strong {
  display: block;
  padding-bottom: 3px;
}

#campaign-page .accordion:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

#campaign-page .accordion p {
  margin-bottom: 0;
}

#campaign-page .accordion.active {
  background: url("/cs/promotions/images/20200323-secure-cloud-benefits-minus.png") no-repeat right 10px center;
  background-size: 20px 20px;
}

#campaign-page .panel {
  padding: 10px 0 0;
}

#campaign-page .panel p {
  padding-top: 10px;
}

#campaign-page .flex-container.whitebg {
  background-color: #fff !important;
}

#campaign-page .flex-container.whitebg p {
  font-size: 18px;
}

#campaign-page .flex-container.whitebg .product-label {
  margin-top: 50px !important;
  font-size: 12px;
}
