/* Wordpress Core CSS*/
/*@import url(../animation.css);*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
        white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}


/* Body Styles */

/* Off white background */
body.single{
  background:#FAFBFE;
}
body{
  margin-top:130px;
}
/*@media (max-width: 991px){
body {
  margin-top:131px;
}
}*/

/* Color Helper Classes */
.gold-text{
  color: #daa520 !important;
}
.navy-text{
  color:#384B5D !important;
}

.teal-text{
  color:#6EC5AB !important;
}

.bronze-text{
  color:#cd7f32 !important;
}

.silver-text{
  color:#c0c0c0 !important;
}

.platinum-text{
  color:#e5e4e2 !important;
}
.text-blue-gray{
  color:#DCE0EA !important;
}
.text-aqua{
  color:#6C96A1 !important;
}
.text-navy{
  color:#384B5D !important;
}
.text-teal{
  color:#6EC5AB !important;
}
.text-rose{
  color:#C05F68 !important;
}
/* Solid Background Helpers */
.background-red {
  background: rgba( 192,95,104,0.7 );
}
.background-teal {
  background: rgba( 110,197,171,0.7 );
}
.background-aqua {
  background: rgba( 108,150,161,0.7 );
}
.background-navy {
  background: rgba( 56,75,93,0.7 );
}
/* Slick dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
   display: block;
   height: 20px;
   width: 20px;
   outline: none;
   line-height: 0;
   font-size: 0;
   color: transparent;
   padding: 5px;
   cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
 opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f10c" !important;
  width: 20px !important;
  height: 20px !important;
  font-family: "fontawesome" !important;
  font-size: 15px !important;
  line-height: 5px;
  text-align: center;
  color: #384B5D;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  content:"\f111" !important;
  color: #384B5D;
  opacity: 0.75;
}

/* Typography helpers */
.headline{
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}
.subheadline{
  color:#384B5D;
  font-size:1.5em;
  line-height:1.2em;
  font-weight:300;

}
.headline.md{
    font-size: 1.3em;
    line-height: 1.3em;
}

.headline.lg{
    font-size: 2.3em;
    line-height: 2.3em;
}
.headline.xl{
    font-size: 3.3em;
    line-height: 3.3em;
}
.preheadline{
  color:#C05F68;
  font-size:.9em;
  line-height:.9em;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:5px;
}
/* Vertical Fixed Social Sharing Bar */
.a2a_floating_style.a2a_vertical_style {
  border-radius: 6px 0 0 6px !important;
  top: 50% !important;
  z-index: 99 !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
/* Global Helper classes */
.btn.white.outline{
  background:transparent;
  color:#fff;
  border:1px solid #fff;
}
.btn.white.outline:hover{
  background:rgba(255,255,255,.4);
  color:#384B5D !important;
}
/* Apply circle frame around images */
img.circle{
  border-radius:300px;
}
/* Marketo Form Styles */
/* Marketo Form ( Land Of The Importants )

/*Ensure all fonts come through the same font weight */
.mktoForm .mktoRequiredField label.mktoLabel{
  font-weight:300 !important;
}

/* Generic Jumbotron Content Styles */
.single .jumbotron .jumbotron-content{
  text-align:center;
}
.single .jumbotron .jumbotron-content .preheadline{
  color:#fff;
  font-size:1.2em;
  line-height:.5em;
  font-weight:100;
  text-transform:uppercase;

}
.single .jumbotron .jumbotron-content .date{
  color:#fff;
  font-size:1.4em;
  line-height:1.5em;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing: .1em;
  margin-bottom:0;
  color:#fff;

}
.single .jumbotron .jumbotron-content .headline{
  color: #fff;
  font-size: 3.5em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 20px;

}
.jumbotron .jumbotron-content .subheadline{
  color:#fff;
  font-size:2em;
  line-height:1.2em;
  font-weight:300;

}
.jumbotron .jumbotron-content .description{
  color:#fff;
  font-size:1em;
  line-height:1em;
  font-weight:300;

}
/* Slick Slider Styles */
.jumbotron.jumbotron-archive .slick-vertical{
  margin:20px 0;
}
/* Jumbotron Content Webinar Content type */
.jumbotron.jumbotron-archive section.headline .date, .jumbotron.jumbotron-resource .date{
  color: #fff;
  margin: 10px 0 0 0;
  font-size: 1.6em;
  text-shadow: none;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}


section.jumbotron-archive{
  height:600px;
}

/* Marketo form container */
form[id*="mktoForm"],
section.ungated-asset{
  background:#fff;
  box-shadow:0 0 150px 10px rgba(0, 0, 0, 0.12);
  padding:20px;
  width:100% !important;
  border-radius:5px;
}
/*Marketo Form Video Formatting */
form[id*="mktoForm"] .video{
  margin-bottom:20px;
}

/*Marketo Form Headlines Formatting */
form[id*="mktoForm"] .form-text{
  text-align:center;
}
form[id*="mktoForm"] .form-text h4{
  text-transform:uppercase;
}
form[id*="mktoForm"] .form-text h5{
  color:#A9B4BF;
  letter-spacing:.09em;
  font-weight:300;
  line-height:10px;
}
/*Marketo form Buttons */
form[id*="mktoForm"] button.mktoButton{
  color:#fff;
}

.mktoTemplateBox p{
  text-align:center !important;
  font-size:1.3em !important;
}
.mktoTemplateBox a.mktoNotYou{
  color:#AEC9D3 !important;
}
.mktoTemplateBox a.mktoNotYou:hover{
  color:#6C96A1 !important;
}
/*Allow fields to be placed full width */
form[id*="mktoForm"].mktoForm .mktoFormCol,form[id*="mktoForm"].mktoForm .mktoFieldWrap{
  float:none !important;
}
/*Place fields under label */
form[id*="mktoForm"].mktoForm.mktoLayoutAbove .mktoField, .mktoForm.mktoLayoutAbove .mktoLogicalField{
  clear:left !important;
}
/* Make button full width */
form[id*="mktoForm"] input,.mktoButtonRow{
  width:100% !important;
}

/* Make button align right */
form[id*="mktoForm"] .mktoButtonRow{
  text-align:right !important;
}
/*Remove all margin around button */
form[id*="mktoForm"] .mktoButtonWrap{
  margin:0 !important;
}

/* Marketo Form Error Message */

/* Error message placement */
.mktoForm .mktoError{
  top:0px !important;
  left:120px !important;
  width:100%;
}

/* Remove Error Message Carrot*/
.mktoForm .mktoError .mktoErrorArrowWrap{
  display:none;
}

/* Filter button caret */
.m_filter .btn .caret{
  position:absolute;
  top:17px;
  right:10px;
}
.archive nav.navbar.m_filter a.navbar-brand{
  font-size:1.1em;
  margin-left:0;
  margin-right:0;
  padding:0;
}

/* navbar Styles */


/* Mobile Nav */
.mp-main{
  padding:15px 0 15px;
  text-align:center;
}
.mp-main img{
  min-height:26px;
}
/* narrow down to connect / developer center / subscribed */

/*body {
  margin-top: 127px !important;
}*/
.page-template-page-marketplace .mp-pusher h1 a {
  background-image: url(/wp-content/themes/zuora/img/zuora-connect-logo.svg);
  background-size: 200px 32px;
}

.navbar-default {
  top: 50px;
}

.navbar-default.vertical-align .navbar-brand img {
  width: 250px;
}
@media (max-width: 991px) {
  body {
    margin-top: 0px !important;
  }
}

/* Make the container disappear so that the message comes through as just text*/
.mktoForm .mktoError .mktoErrorMsg{
  background-color:transparent !important;
  border:none !important;
  color:#C05F68 !important;
  background-image:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-size:10px !important;
}

/* Make font size consistant */
form[id*="mktoForm"] .mktoForm .mktoField{
  font-size:1.2em;
}
/* Remove Asterix*/
form[id*="mktoForm"] .mktoRequiredField .mktoAsterix{
  display:none;
}

@media (min-width: 1200px){
.jumbotron-resource .jumbotron-content .row{
  text-align:left;
  bottom:10px;
  max-width:580px;
}
}


/* Jumbotron Styles */


/* General Jumbotron Styles TODO: move to UI Library */
.jumbotron-content .subhead,.jumbotron-content .preheadline{
  color:#fff;
  font-weight:300;
}
.jumbotron-content .headline{
  font-weight:100;
  margin:0;
  padding:0;
}
.jumbotron.jumbotron-center section.headline{
  text-align:center;
}
.jumbotron.jumbotron-center section.headline .headline{
  font-size:3.5em;
  margin-bottom:20px;
}
.jumbotron.jumbotron-center .description{
  font-size:1.2em;
  margin-bottom:40px;
}
.jumbotron-content .preheadline{
  text-transform:uppercase;
  line-height:8px;
  font-weight:900;
  letter-spacing:.2em;
  font-size:.9em;
}
.jumbotron-content .preheadline{
  font-weight:300;
  letter-spacing: .03em;
}
/* Resource Jumbotron */
.jumbotron-resource{
  background:url('https://www.zuora.com/wp-content/uploads/2016/11/iain.jpg');
}

.jumbotron.jumbotron-resource .jumbotron-content .preheadline{
  font-size:1em;
  font-weight:100;
  letter-spacing: .1em;
  text-transform:uppercase;
  line-height:1.5em;
  margin:0;
  color:#fff;
}
.jumbotron.jumbotron-resource .jumbotron-content .headline{
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.1em;
  margin: 0;
  color: #fff !important;
  text-align: left;
}
.jumbotron.jumbotron-resource .jumbotron-content .subhead{
  font-size:1.5em;
  font-weight:300;
  color:#fff;
  margin:20px 20px 20px 0;
  line-height:1.5em;

}
/*Form Headline */

.body-content .date{
  color:#DCA4A4;
  font-weight:100;
  font-style:italic;
  font-size:2em;
}
.body-content .content{
  font-weight:100;
  font-size:1em;
  line-height:2em;
}
.body-content .content ul li{
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOTkuOCA5NS45IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OS44IDk1LjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0dGVybiAgeD0iLTU5OS41IiB5PSItMzIzLjQiIHdpZHRoPSI0NzYuMiIgaGVpZ2h0PSI0NzYuMiIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9Ik5ld19QYXR0ZXJuX1N3YXRjaF8xIiB2aWV3Qm94PSIwIC00NzYuMiA0NzYuMiA0NzYuMiIgb3ZlcmZsb3c9InZpc2libGUiPgoJPGc+CgkJPHBvbHlnb24gZmlsbD0ibm9uZSIgcG9pbnRzPSIwLC00NzYuMiA0NzYuMiwtNDc2LjIgNDc2LjIsMCAwLDAgCQkiLz4KCQk8cG9seWdvbiBmaWxsPSIjQzA1RjY4IiBwb2ludHM9IjQ3Ni4yLC00NzYuMiAwLC00NzYuMiAwLDAgNDc2LjIsMCAJCSIvPgoJPC9nPgo8L3BhdHRlcm4+CjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU4NTk1QiIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02My41LDIyLjYKCWMtNi41LTYuMi0xNS4zLTEwLTI1LTEwYy0yMCwwLTM2LjIsMTYuMi0zNi4yLDM2LjJzMTYuMiwzNi4yLDM2LjIsMzYuMnMzNi4yLTE2LjIsMzYuMi0zNi4yYzAtMy4zLTAuNC02LjUtMS4zLTkuNiIvPgo8cGF0dGVybiAgaWQ9IlNWR0lEXzFfIiB4bGluazpocmVmPSIjTmV3X1BhdHRlcm5fU3dhdGNoXzEiIHBhdHRlcm5UcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAuNzUgMC42MjUpIj4KPC9wYXR0ZXJuPgo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI1NWR0lEXzFfKSIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iCgkxOS43LDQyLjggMzcuNCw2MC4yIDk5LDIuMSAiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  -webkit-background-size: 1em;
  background-size: 14px 14px;
  background-position: left 0.35em;
  margin-bottom: 1em;
  padding-left: 2em;
  padding-top: 0;
  min-height: 1em;
  font-size: 1em;
  list-style:none;
}
form section.headline{
  padding:0;
}

.padding-hero{
  padding:4em 0;
}

/* Thank you section */

.hide-js{
  visibility:hidden;
  height:0;
  overflow:hidden;
}
.thankyou .subhead{
  margin-bottom:1.4em;
}
/* Archive Jumbotron Dual Slider */

.archive section.jumbotron section.m_dual-slider{
  background:none;
}

/* Connect specific zuora certifed styles RETHINK */
section.jumbotron section.m_dual-slider p.zuora-certified  {
  background: #4d4d4d;
  padding: 5px 10px;
  border-radius: 5px 0 5px 0;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.1);
  font-size: 8px;
  letter-spacing: .1em;
  display: block;
  width: 90px;
  float: left;
  z-index: 8;
}

/* Headline Section */
section.headline{
  padding:2em;
  margin:0;
}
section.headline .headline{
  text-align:center;
  font-size:2.5em;
  padding:0;
  margin:0;
}
section.headline.sales_headline .headline{
  font-weight:900;
  font-size:2.3em;
  text-transform:uppercase;
  line-height:1.5em;
}

.table .table{
  background:none;
}
/* Speakers & Sponsors on Resource Template */
section.speakers img,section.sponsors img,img.circle{
  width:100%;
}
section.speakers .headline,section.sponsors .headline{
  text-transform:uppercase;
  font-size:1em;
  font-weight:900;
  letter-spacing:.03em;
  margin-top:0;
  text-align:center;
}

section.sponsors img{
  min-height:100px;
}

/* Map on Resource Section */
section.map_details{
  text-align:center;
}
section.map_details .headline{
  text-transform:uppercase;
  font-size:3em;
  font-weight:900;
}
section.map_details .address{
  font-size:1.5em;
  line-height:1em;

}
.m_google-map{
  position:relative;
}
/* Google Maps Integration */
.map-address{
  padding:50px;
  text-align:center;
  font-size:2em;
  color:#fff;
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:400px;
  background:rgba(0,0,0,.5);
  z-index:99;
}
.acf-map {
	width: 100%;
	height: 400px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/* Card Styles */

/* Card Jumbotron Integration */

.card section.jumbotron{
  padding:0;
  height:120px;
  border-radius:0;
}
.card a:link{
  color:#4d4d4d !important;
}
.card .card-footer a:link {
  text-transform: lowercase;
}
/* Card Date */

/* Featured Card Date */
.jumbotron.jumbotron-archive .card .date{
  color: #fff;
  margin: 0 0 10px 0;
  font-size: .8em;
  text-shadow: none;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;

}
.card .date{
  color:#9FB1BF;
  text-transform:uppercase;
  font-weight:500;
  font-size:.9em;
  margin-top:0;
}


.jumbotron.jumbotron-archive .jumbotron.jumbotron-archive{
  background:none !important;
  height:0;
}

/* Archive Jumbotron Card Reset */
.jumbotron.jumbotron-archive .card{
  min-height:initial !important;
  padding:0;
  margin:5px 0;
  text-align:left;
  background-color:rgba(25,50,72,.7);
  border:none;
  transition: background-color 0.5s ease;
}

/* Archive Jumbotron Card Hover */
.jumbotron.jumbotron-archive .card:hover{
  background-color:rgba(88,133,176,.5)
}

/* Archive Jumbotron Headline Content Styling */

.jumbotron.jumbotron-archive section.headline{
  text-align:left;
}

.jumbotron.jumbotron-archive section.headline .headline{
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: .03em;
  text-shadow: none;
  color: #fff;
  text-align: left;
  margin:6px 0 20px 0;
  text-transform:uppercase;
}

.jumbotron.jumbotron-archive section.headline .description{
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.6em;
  letter-spacing: .03em;
  text-shadow: none;
  color: #fff;
  text-align: left;
  margin:6px 0 30px 0;
}
.jumbotron .jumbotron-content section.headline .description{
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.6em;
  letter-spacing: .03em;
  text-shadow: none;
  color: #fff;
  margin:6px 0 30px 0;
  text-transform:none;
  text-shadow:0px 1px 7px rgba(0,0,0,.7);
}
.jumbotron .jumbotron-content section.headline .headline.giant{
  font-size:4em;
}

.jumbotron.jumbotron-archive section.headline .preheadline{
  font-size: .9em;
  font-weight: 100;
  letter-spacing: .25em;
  text-transform: uppercase;
  text-shadow: none;
  color:#fff;
  margin:0;
}

/* Archive Jumbotron Card Content Styling */

.card.archive{
  height:325px;
}
.related_resource.card{
  height:325px;
}
.card.archive .description{
  line-height:1.5em;
}
.jumbotron.jumbotron-archive .card .preheadline{
  font-size: .7em;
  font-weight: 100;
  letter-spacing: .25em;
  text-transform: uppercase;
  text-shadow: none;
  color:#fff;
  margin-top:0;
}

.jumbotron.jumbotron-archive .card .headline{
  font-size:1.6em;
  font-weight:500;
  line-height:1.3em;
  letter-spacing:.03em;
  text-shadow: none;
  color:#fff;
  margin-bottom:1em;
}
.vertical .slick-next{
  top:-20px;
  right:0;
  width:100%;
  margin:0 auto;
}
.vertical .slick-prev{
  top:340px;
  left:0;
  width:100%;
  margin:0 auto;
}
.vertical .slick-next:before{
  content:'\f106';
  font-size:38px;
}
.vertical .slick-prev:before{
  content:'\f107';
  font-size:38px;
}
.m_slider.vertical{
  margin-top:50px;
}
.jumbotron.jumbotron-archive .slick-vertical .card {
    padding:20px 10px;
}

.jumbotron.jumbotron-archive .slick-vertical .card .headline{
  margin-bottom:0;
}


.jumbotron.jumbotron-archive .card .description{
  font-size:1em;
  font-weight:100;
  line-height:1.5em;
  letter-spacing:.03em;
  text-shadow: none;
  color:#fff;
}

/* Connect Styles */
.m_dual-slider .slider-nav .slide .table{
  background:#9FB1BF;
}
.m_dual-slider .slider-nav .slide.heart .table{
  background-color: #efd1d1;
}
.m_dual-slider .slider-nav .slide.heart img {
  max-height: 150px !important;
}
.m_dual-slider .slider-nav .height-100.slide.heart .table .cell {
  background-color: #efd1d1;
  max-width: 300px;
  max-height: 200px;
}

.related-resource .card:hover{
  box-shadow:none;
}
.related-resource .slick-track {
  display: table;
  height: 100%;
}
.related-resource .slide,
.related-resource .slide > div,
.related-resource .slide .card {
  height: 100%;
}
/* Card Content Styles*/
.card .preheadline{
  color:#C05F68;
  font-size:.9em;
  line-height:.9em;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:5px;
}
.card .headline{
    font-weight: 700;
    margin-top: 0;
    font-size: 1.1em;
    line-height: 1.3em;
    text-transform: uppercase;
}

/* Card / Jumbotron Animation */

/* Bold move... I know.. we'll wait and see */
/* Starter case is the archive pages */
.card{
  max-height:325px;
}
.animate .card section.jumbotron{
  opacity: 1;
   transition: all .1s;
   -moz-transition: all .1s;
   -webkit-transition: all .1s;
   transition-timing-function: ease-in;
}
.animate .card:hover section.jumbotron{
  opacity:0;
}

.animate .card .card-block{
  position:relative;
  top:0;
  transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  transition-timing-function: ease-in;
}

.animate .card:hover .card-block {
  top:-125px;
}

.animate .card .card-block .description{
  opacity:0;
  transition: all .02s;
  -moz-transition: all .02s;
  -webkit-transition: all .02s;
  transition-timing-function: ease-in;
  transition-delay: .15s;
}

.animate .card:hover .card-block .description{
  opacity:1;
}
.description{
  color:#9B9B9B;
  line-height:2em;
}
/* Chiclet styles */
.card.chiclet{
  max-height:inherit;
  padding:10px;
}
.card.chiclet .headline{
  margin:0;
}
.card.chiclet .description{
  color:#A9B4BF;
}
/* Jumbotron mobile styles */
/*Forms Styles */


/* Footer iFrame CSS */
.z-iframe-wrapper {
  width: 100%;
  height: 100%;
}
.z-iframe {
  position: relative;
}
.z-iframe .ratio {
  display: block;
  width: 100%;
  height: auto;
}
.z-iframe .placeholder {
  height: 380px;
}
.z-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

  @media only screen and (min-width: 1200px) {
    section.form.mkto-form.resource-signup,
    section.ungated-asset {
      margin-top: -160px;
    }
  }
  @media only screen and (max-width: 1200px) {
    section.form.mkto-form.resource-signup {
      padding:40px 0;
    }
    .jumbotron.jumbotron-resource .jumbotron-content .headline,.jumbotron.jumbotron-resource .jumbotron-content {
      text-align:center;
    }
    .jumbotron.jumbotron-resource .jumbotron-content .subhead{
      margin:initial;
    }
  }
  @media (max-width: 992px)
  {
    .component-card{
      margin-bottom:2em;
    }

  }
  @media (max-width: 929px)
  {
    .z-iframe .placeholder {
      height: 420px;
    }
  }
  @media (max-width: 783px)
  {
    .chapter-container{
        padding-right: 1em;
        word-wrap: break-word;
    }
    .top-header-placeholder{
      height:0 !important;
    }
    .z-iframe .placeholder {
      height: 740px;
    }

  }

  @media only screen and (max-width: 768px) {
    section.jumbotron-archive {
      height:auto;
    }
    .jumbotron.jumbotron-archive section.headline .headline{
      font-size: 2em;
      line-height: 1.4em;
      margin: 6px 0 11px 0;
    }
    section.jumbotron-archive .jumbotron-content {
      height:auto;
      padding:40px 0;
    }
  }
  @media (max-width: 449px)
  {
    .z-iframe .placeholder {
      height: 815px;
    }
  }
  @media (max-width: 414px)
  {
    .z-iframe .placeholder {
      height: 855px;
    }
  }
  @media (max-width: 343px)
  {
    .z-iframe .placeholder {
      height: 925px;
    }
  }
  @media (max-width: 321px)
  {
    .z-iframe .placeholder {
      height: 955px;
    }
  }

/* Smartling Nav Fixes for JA and DE sites */
.smartling-ja .expanded-menu .expanded-menu-width,
.smartling-de .expanded-menu .expanded-menu-width,
.smartling-fr .expanded-menu .expanded-menu-width {
  min-width: 630px !important;
}
.smartling-ja .expanded-menu.large-expanded-menu .expanded-menu-width,
.smartling-de .expanded-menu.de-large-expanded-menu .expanded-menu-width{
  min-width: 730px !important;
}
.smartling-ja .navbar .expanded-menu .dropdown-menu > li,
.smartling-de .navbar .expanded-menu .dropdown-menu > li,
.smartling-fr .navbar .expanded-menu .dropdown-menu > li {
  float: left;
  padding-left: 25px;
  padding-top: 10px;
}
@media (max-width: 992px){
  .jumbotron.jumbotron-archive section.headline,
  .jumbotron.jumbotron-archive section.headline .headline,
  .jumbotron.jumbotron-archive section.headline .description {
    text-align: center;
  }
  .jumbotron-archive .slick-prev {
    z-index: 1;
  }
  .vertical-to-horizontal {
    margin: 0 20px;
  }
  .vertical-to-horizontal .card:hover {
    box-shadow: none;
  }
  .vertical-to-horizontal-slider{
    margin-top: 50px;
    width: 100%;
  }
  .jumbotron-archive .table {
    display: block;
  }
  .jumbotron-archive .cell {
    display: block;
  }
  section.jumbotron-archive {
    height: initial;
  }
  .jumbotron-archive .jumbotron-content {
    padding: 50px 0;
  }
  .jumbotron-archive .card {
    height: 121px;
  }
}
@media (max-width: 768px) {
  .jumbotron.jumbotron-archive .card .headline {
    font-size: 1.4em;
  }
  .jumbotron-archive .card {
    height: 200px;
  }
}
/* Get rid of double arrows on slick slider for VC */
.ult-carousel-wrapper .slick-prev:before,
.ult-carousel-wrapper .slick-next:before {
  content: none;
}

/* Fix SlickSlider issue with slider's not initializing when hidden */
/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */
    overflow: hidden;  /* no-overflow                */
}
.tab-content > .active, .pill-content > .active {
    height: auto;      /* let the content decide it  */
} /* bootstrap hack end */

/* Agenda */
.agenda_header{
  position:relative;
  padding:20px;
  margin-top:10px;
}
.agenda_header .subhead{
  padding:0;
  margin:0;
}
.agenda_header a span{
  position:absolute;
  top:17px;
  right:20px;
  font-size:25px;
}
.light-teal{
  background-color:#B8D9D5;
}

.light-rose{
  background-color:#EFD1D1;
}
.light-aqua{
  background-color:#D2E2E7;
}

.agenda_subnav{
  border-top:5px solid #384B5D;
  border-bottom:5px solid #384B5D;
}
.agenda_subnav ul.nav-tabs{
  margin:0;
}
.track_slider .headline{
  font-size:20px;
}

.agenda_subnav ul.nav-tabs > li.active > a,.agenda_subnav ul.nav-tabs > li.active > a:hover,.agenda_subnav ul.nav-tabs > li.active > a:focus{
  background:none;
  color:#384B5D;
  font-weight:500;
}
.agenda_subnav ul.nav-tabs li a:hover{
  color:#384B5D;
  background:none;
}
.medium-teal{
  border-color:#ACDCD3;
}
.track_slider .preheadline{
  letter-spacing: .6em;
}
.track_slider .track {
    padding: 30px;
    text-align: center;
    background: #F2F2F2;
    margin: 5px;
    min-height: 215px;
}
.track_slider .track:hover{
  box-shadow: 0 0px 10px 0px rgba(104,124,140,.3);
}
.track_slider .slick-slide img{
  display:inline-block;
}
.nav-tabs li:last-child{
  float:left;
}
@media screen and (max-width: 767px){
  .nav-tabs li:last-child {
      float: none;
  }
}
.agenda_subnav .nav-tabs li:hover,.agenda_subnav .nav-tabs li.active{
  background:#F0F2F9;
}
.track_slider .icon{
  padding-bottom:10px;
  min-height:60px;
}
.subscribed-login {
  margin-top: -4px;
}
.ungated-asset-link {
  margin-top: 15px;
}
.ungated-asset-preview-img {
  width: 100%;
  margin-top: 20px;
}
.modal-backdrop {
  z-index: 999999;
}
.mobile-menu .modal-backdrop {
  z-index: -1;
}
.mobile-menu .modal-dialog {
  margin-top: 100px;
}
.modal {
  z-index: 9999999;
}
.q_and_a {
  border-top: 2px solid #777777;
}
.q_and_a h3 {
  color: #6EC5AB;
  display: inline-block;
  padding-right: 15px;
  margin-bottom: 20px;
}
.q_and_a p {
  display: inline-block;
}
.video-wrapper {
  display: inline-block;
}
.video-wrapper .btn .glyphicon,
.podcast-wrapper .btn .glyphicon{
  padding-left: 7px;
}
blockquote {
  font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 20px;
  color: #6C96A1;
  text-align: center;
  border-left: none;
}
.pull-quote {
  position: relative;
  padding-top: 30px;
}
.pull-quote .quote {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 15px;
  left: 0px;
  z-index: -1;
}
.pull-quote p {
  text-transform: uppercase;
  text-align: center;
}
.podcast-speakers .single-speaker img {
  max-width: 200px;
  display: block;
  margin: 0 auto;
}
body.modal-open {
  height: auto !important;
}

.c_navbar-marketing {
  border-bottom: 5px solid #eff2f4;
}
.c_navbar-marketing .search-toggle,
.mp-main .search-toggle {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
}
.c_navbar-marketing .search-toggle:focus,
.mp-main .search-toggle:focus {
  outline: none;
}
.c_navbar-marketing .search-container,
.mp-main .search-container {
  text-align: right;
  max-width: 3000px;
  position: absolute;
  left: 165px;
  z-index: 10;
  width: 80%;
  background-color: #fff;
  -webkit-transition: max-width 0.3s linear, left 0.3s linear;
  transition: max-width 0.3s linear, left 0.3s linear;
}
.c_navbar-marketing .search-container {
  left: 178px;
  top: 45px;
  height: 36px;
}
.mp-main .search-container {
  left: 0px;
  width: 100%;
}
.main-nav-mobile .mp-main .search-container {
  background-color: #384B5D;
}
.theme-light.main-nav-mobile .mp-main .search-container,
.theme-transparent.main-nav-mobile .mp-main .search-container {
  background-color: #fff;
}
.contextual-nav-mobile .mp-main .search-container {
  position: absolute;
  left: 0;
  transition: 0.5s;
}
.contextual-nav-mobile .mp-main .search-hide {
  left: -100%;
  max-height: initial;
}
.c_navbar-marketing.main-nav-desktop .search-container.search-hide {
  left: 83%;
  max-width: 0;
}
.contextual-nav-mobile .mp-main .search-container {
  background-color: #687C8C;
  height: 43px;
}
.contextual-nav-mobile .mp-main .search-container-inner {
  padding-bottom: 0;
}
.mobile-nav .mp-main .search-container .fa-search,
.mobile-nav .mp-main .search-container .fa-close {
  font-size: 20px;
}
.c_navbar-marketing .search-container-inner,
.mp-main .search-container-inner {
  width: 100%;
  min-width: 300px;
  padding-bottom: 15px;
  display: inline-block;
}
.c_navbar-marketing .search-container-inner {
  padding: 0;
}
.c_navbar-marketing .search-hide,
.mp-main .search-hide {
  max-width: 0px;
  overflow: hidden;
}
.contextual-nav-desktop.contextual-nav .mp-main .search-container.search-hide {
  left: 91%;
}
.c_navbar-marketing .search-icon-button:hover,
.c_navbar-marketing .search-icon-button:active,
.c_navbar-marketing .search-icon-button:focus,
.mp-main .search-icon-button:hover,
.mp-main .search-icon-button:active,
.mp-main .search-icon-button:focus {
  background: none;
}
.c_navbar-marketing .search-icon-button span:hover,
.c_navbar-marketing .search-icon-button span:active,
.c_navbar-marketing .search-icon-button span:focus,
.mp-main .search-icon-button span:hover,
.mp-main .search-icon-button span:active,
.mp-main .search-icon-button span:focus{
  color: #6C96A1;
}
.c_navbar-marketing .navbar-collapse.collapse {
  display: inline-block !important;
}
.c_navbar-marketing .navbar-collapse.collapse.hide {
  display: none !important;
}
.c_navbar-marketing .search-login-ctas {
  height: 100%;
}
.c_navbar-marketing .inner-search-login-ctas {
  display: table;
  height: 100%;
}
.c_navbar-marketing .inner-search-login-ctas .list-inline{
  display: table-cell;
  height: 100%;
  vertical-align: middle
}
.contextual-nav .c_navbar-marketing .search-login-ctas {
  display: inline-block;
  vertical-align: middle;
}
.c_navbar-marketing .search-login-ctas > ul {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.contextual-nav-desktop .c_navbar-marketing .search-login-ctas > ul {
  display: table;
}
.contextual-nav-desktop .list-inline > li {
  display: table-cell;
}
.contextual-nav-desktop .list-inline > li.login {
  padding-right: 30px;
}
.c_navbar-marketing .m_search .search {
  width: 95%;
}
.mp-main .m_search .search {
  width: 100%;
}
.main-nav-mobile .mp-main .m_search .search,
.main-nav-mobile .m_search form {
  width: 90%;
}
.contextual-nav-mobile .mp-main .m_search {
  padding-top: 5px;
}
.contextual-nav-mobile .mp-main .m_search .search {
  padding: 5px;
}
.c_navbar-marketing .m_search form button[type=submit]{
  position: initial;
}
.c_navbar-marketing.main-nav-desktop .m_search form button[type=submit] {
  position: absolute;
  max-width: 25px;
  left: 3px;
  top: 4px;
}
.mp-main .m_search form button[type=submit] {
  left: -8%;
  width: 40px;
}
.main-nav-mobile .mp-main .m_search form button[type=submit] {
  left: 0px;
}
@media (max-width: 767px) {
  .mp-main .m_search form button[type=submit] {
    left: -20%;
    width: 40px;
  }
}
.c_navbar-marketing .m_search .search-close,
.mp-main .m_search .search-close {
  position: absolute;
  right: 17px;
  top: 8px;
  background: none;
  border: none;
}
.mp-main .m_search .search-close {
  right: 10px;
}
.contextual-nav-mobile .mp-main .m_search .search-close {
  top: 12px;
  right: 20px;
  padding: 0;
}
.contextual-nav-mobile .mp-main .m_search form button[type=submit] {
  top: 4px;
  max-width: 25px;
  width: auto;
  left: -40px;
  padding: 0;
}
.c_navbar-marketing .m_search .search-close {
  right: -25px;
  top: 20px;
}
.c_navbar-marketing .m_search .search-close:focus,
.mp-main .m_search .search-close:focus{
  outline: none;
}
.contextual-nav-desktop.contextual-nav .mp-main .search-hide .m_search .search {
  opacity: 0;
}
.contextual-nav-desktop.contextual-nav .mp-main .m_search .search {
  height: 29px;
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.contextual-nav-desktop.contextual-nav .mp-main .search-container {
  left: 15%;
  width: 70%;
}
.contextual-nav-mobile .m_search form {
  margin-right: 60px;
  margin-left: 60px;
}
.contextual-nav-desktop.contextual-nav .mp-main .search-container-inner {
  padding-bottom: 0;
}
.contextual-nav-desktop.contextual-nav .mp-main .m_search form button[type=submit] {
  left: -35px;
}
.contextual-nav-desktop.contextual-nav .mp-main .m_search .search-close {
  right: -25px;
  top: 6px;
}
.c_navbar-marketing {
  padding-top: 35px;
  padding-bottom: 35px;
}
.mobile-sticky-cta {
  display: none;
}
.mobile-sticky-cta-inner-50 {

}
.contextual-nav-mobile,
.contextual-nav-mobile-marketing-footer {
  display: none;
}

@media (max-width: 1100px) {
  .mp-container {
    display: block !important;
  }
  body {
    margin-top: 0 !important;
  }
  .c_navbar-marketing,
  .a2a_floating_style.a2a_vertical_style,
  .contextual-nav-desktop,
  .contextual-nav-desktop-marketing-footer,
  .contextual-nav-prefooter {
    display: none;
  }
  .contextual-nav-mobile,
  .contextual-nav-mobile-marketing-footer {
    display: block;
  }
  .mobile-sticky-cta {
    display: block;
  }
}
.contextual-nav .c_navbar-marketing {
  padding-top: 18px;
  padding-bottom: 18px;
  height: 87px;
  -webkit-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
.navbar {
  border-radius: 0;
}
.scrolling .c_navbar-marketing {
  top: 0 !important;
}
.navbar-breadcrumbs {
  width: 100%;
  padding: 11px 25px;
  z-index: 1;
  height: 43px;
  text-transform: lowercase;
  color: #fff;
  display: none;
  -webkit-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
.scrolling .navbar-breadcrumbs {
  display: block;
}

/* Light Theme / Default Theme */
.theme-light .navbar-breadcrumbs {
  background-color: #384B5D;
}
.contextual-nav-desktop .mp-container .search-login-ctas {
  padding-right: 25px;
}
.search-login-ctas .btn {
  font-size: 12px;
}
.navbar-brand {
  font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.contextual-nav.contextual-nav-desktop .m_search input,
.main-nav-desktop.c_navbar-marketing .search-container {
  background-color: #687C8C;
  color: #384B5D;
  border-bottom: 0px;
}
.main-nav-desktop.c_navbar-marketing .search-container .m_search form {
  background-color: #687C8C;
}
.main-nav-desktop.c_navbar-marketing .search-container {
  background-color: #fff;
}
.contextual-nav.contextual-nav-desktop .m_search input::placeholder,
.contextual-nav .mp-main .m_search input::placeholder,
.main-nav-desktop.c_navbar-marketing .search-container {
  color: #384B5D;
}
.contextual-nav.contextual-nav-desktop .m_search input::-webkit-input-placeholder,
.contextual-nav .mp-main .m_search input::-webkit-input-placeholder,
.main-nav-desktop.c_navbar-marketing .search-container input::-webkit-input-placeholder{
  color: #384B5D;
}
.contextual-nav.contextual-nav-desktop .m_search input::-moz-placeholder,
.contextual-nav .mp-main .m_search input::-moz-placeholder,
.main-nav-desktop.c_navbar-marketing .search-container input::-moz-placeholder{
  color: #384B5D;
}
.contextual-nav.contextual-nav-desktop .m_search input:-ms-input-placeholder,
.contextual-nav .mp-main .m_search input:-ms-input-placeholder,
.main-nav-desktop.c_navbar-marketing .search-container input:-ms-input-placeholder{
  color: #384B5D;
}
.contextual-nav.contextual-nav-desktop .m_search input:-moz-placeholder,
.contextual-nav .mp-main .m_search input:-moz-placeholder,
.main-nav-desktop.c_navbar-marketing .search-container input:-moz-placeholder{
  color: #384B5D;
}
.main-nav-desktop {
  top: 0;
  -webkit-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
.main-nav-desktop.c_navbar-marketing .search-container .fa-search {
  color: #fff;
  font-size: 20px;
}
.main-nav-desktop.c_navbar-marketing .search-container .fa-close {
  color: #384B5D;
  font-size: 20px;
}
.main-nav-desktop.c_navbar-marketing .m_search .search-close {
  right: -32px;
  top: 6px;
}
.main-nav-desktop .m_search input {
  border-bottom: 0;
}
/*.c_navbar-marketing {
  border: 0;
}*/
.c_navbar-marketing.navbar .navbar-nav > li > a{
  letter-spacing: 0px;
  padding: 14px 0;
}
.c_navbar-marketing.navbar .navbar-nav > li {
  padding: 0 15px;
}
.c_navbar-marketing {
  padding: 16px 10px;
}
.c_navbar-marketing .navbar-brand {
  width: 145px;
  padding: 0 0 0 15px;
  float: none;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}
.navbar-brand {
  padding: 0 0 0 25px;
}
.contextual-nav .c_navbar-marketing .navbar-brand {
  font-size: 25px;
  text-transform: uppercase;
}
.c_navbar-marketing.navbar .navbar-nav {
  margin-left: 0px;
  float: none;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.contextual-nav .c_navbar-marketing.navbar .navbar-nav {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.c_navbar-marketing .navbar-header,
.contextual-nav-desktop .navbar-header {
  height: 100%;
}
.c_navbar-marketing .inner-navbar-header,
.contextual-nav-desktop .mp-main .navbar-brand {
  display: table;
  height: 100%;
}
.contextual-nav-desktop .navbar-brand img {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.c_navbar-marketing .inner-navbar-collapse{
  height: 100%;
  display: table;
}
.c_navbar-marketing .list-inline {
  margin-bottom: 0;
}
.contextual-nav-mobile .mp-main {
  height: 43px;
  padding: 0 20px;
}
.contextual-nav-mobile .mobile-nav .mp-main .search-toggle {
  top: 9px;
}
.contextual-nav-mobile .mobile-nav .menu-trigger {
  padding-top: 0;
  top: 9px;
}
.mobile-menu-header {
  padding: 13px 20px;
}
.mobile-menu-header .login {
  color: #fff;
}
.contextual-nav-mobile-marketing-footer {
  padding-bottom: 40px;
  margin-top: 40px;
}
.contextual-nav-main-mobile .btn-default.dropdown-toggle,
.contextual-nav-mobile-marketing-footer .btn-default.dropdown-toggle {
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #eff2f4;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #384B5D;
  text-align: left;
}
.contextual-nav-main-mobile .btn-default.dropdown-toggle:hover,
.contextual-nav-mobile-marketing-footer .btn-default.dropdown-toggle:hover{
  color: #9FB1BF;
}
.contextual-nav-main-mobile .open > .btn-default.dropdown-toggle:hover,
.contextual-nav-mobile-marketing-footer .open > .btn-default.dropdown-toggle:hover{
  border: 0;
  border-bottom: 1px solid #eff2f4;
}
.contextual-nav-main-mobile .btn-default.dropdown-toggle:active,
.contextual-nav-main-mobile .open > .btn-default.dropdown-toggle:visited,
.contextual-nav-main-mobile .open > .btn-default.dropdown-toggle:active,
.contextual-nav-main-mobile .btn-default.dropdown-toggle:visited,
.contextual-nav-main-mobile .open > .btn-default.dropdown-toggle:focus,
.contextual-nav-main-mobile .btn-default.dropdown-toggle:focus{
  border: 0;
  border-bottom: 1px solid #eff2f4;
}
.contextual-nav-mobile-marketing-footer .btn-default.dropdown-toggle:active,
.contextual-nav-mobile-marketing-footer .open > .btn-default.dropdown-toggle:visited,
.contextual-nav-mobile-marketing-footer .open > .btn-default.dropdown-toggle:active,
.contextual-nav-mobile-marketing-footer .btn-default.dropdown-toggle:visited,
.contextual-nav-mobile-marketing-footer .open > .btn-default.dropdown-toggle:focus,
.contextual-nav-mobile-marketing-footer .btn-default.dropdown-toggle:focus {
  border: 0;
  border-bottom: 1px solid #22303F;
}
.contextual-nav-main-mobile .btn-default.dropdown-toggle:active,
.contextual-nav-mobile-marketing-footer .btn-default.dropdown-toggle:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.contextual-nav-main-mobile {
  position:fixed;
  top: 43px;
  height: 87px;
  width: 100%;
  background-color: #fff;
  -webkit-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
.contextual-nav-main-mobile .nav-dropdown,
.contextual-nav-main-mobile .dropdown-menu,
.contextual-nav-mobile-marketing-footer .dropdown-menu {
  display: block;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s linear;
  transition: max-height 0.5s linear;
}
.contextual-nav-main-mobile .dropdown-menu,
.contextual-nav-mobile-marketing-footer .dropdown-menu{
  padding: 0;
  border: 0 !important;
}
.contextual-nav-main-mobile .nav-dropdown.dropdown-open {
  max-height: 900px;
}
.contextual-nav-main-mobile .open > .dropdown-menu,
.contextual-nav-mobile-marketing-footer .open > .dropdown-menu{
  max-height: 900px;
}
.contextual-nav-main-mobile .nav-dropdown .dropdown-menu,
.contextual-nav-mobile-marketing-footer .nav-dropdown .dropdown-menu {
  background-color: #eff2f4;
}
.contextual-nav-mobile-marketing-footer .nav-dropdown .dropdown-menu {
  background-color: #22303F;
}
.contextual-nav-main-mobile .nav-dropdown .dropdown-menu li,
.contextual-nav-mobile-marketing-footer .nav-dropdown .dropdown-menu li{
  padding: 5px;
}
.contextual-nav-mobile-marketing-footer .nav-dropdown .dropdown-menu li a{
  color: #fff;
}
.contextual-nav-mobile-marketing-footer .nav-dropdown .dropdown-menu li a:hover {
  color: #DCE0EA;
}
.contextual-nav-main-mobile .nav-dropdown-header {
  height: 100%;
  width: 100%;
  display: table;
  border-bottom: 5px solid #eff2f4;;
}
.contextual-nav-main-mobile .nav-dropdown-header:hover{
  cursor: pointer;
}
.contextual-nav-main-mobile .nav-dropdown-header div{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.contextual-nav-main-mobile .nav-dropdown-header h1 {
  font-size: 25px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 20px;
}
.contextual-nav-main-mobile .nav-dropdown-header h1:hover {
  color: #9FB1BF;
}
.contextual-nav-main-mobile > .dropdown .dropdown-menu,
.contextual-nav-mobile-marketing-footer > .dropup .dropdown-menu {
  top: initial;
  float: none;
  width: 100%;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.contextual-nav-main-mobile > .dropdown .dropdown-menu:after,
.contextual-nav-mobile-marketing-footer > .dropup .dropdown-menu:after {
  content: none;
}
.contextual-nav-main-mobile .open > .btn-default.dropdown-toggle:focus,
.contextual-nav-mobile-marketing-footer .open > .btn-default.dropdown-toggle:focus {
  border-bottom: 1px solid #eff2f4;
}
.contextual-nav-main-mobile .dropdown-menu,
.contextual-nav-mobile-marketing-footer .dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  float: none;
  margin: 0;
  border: 2px solid #eeeeee;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.contextual-nav-main-mobile .dropdown-menu:after,
.contextual-nav-mobile-marketing-footer .dropdown-menu:after {
  content: none;
}
.contextual-nav-mobile .mp-container.mp-pushed,
.contextual-nav-mobile-marketing-footer .mp-container.mp-pushed {
  z-index: 1;
}
.contextual-nav-mobile-marketing-footer ul{
  margin-bottom: 0;
}
.contextual-nav-mobile-marketing-footer ul .btn-default.dropdown-toggle{
  background-color: #384B5D;
  color: #fff;
  border-bottom: 1px solid #22303F;
}
.contextual-nav-mobile-marketing-footer .open > .btn-default.dropdown-toggle:hover{
  background-color: #384B5D;
  color: #9FB1BF;
  border-bottom: 1px solid #22303F;
}
.contextual-nav-mobile .mobile-sticky-cta {
  z-index: 2;
}
.contextual-nav-breadcrumbs-mobile {
  position: fixed;
  top: 0;
  height: 43px;
  width: 100%;
  background-color: #384B5D;
  display: none;
  -webkit-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
.contextual-nav-mobile .scroller {
  margin-top: 87px;
}
.mp-pusher h1 a {
  background-image: url(https://www.zuora.com/wp-content/uploads/2017/08/zuora_logo_white.svg);
}
.scrolling .contextual-nav-breadcrumbs-mobile {
  display: table;
  padding: 0 20px;
}
.contextual-nav-breadcrumbs-mobile > span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.main-nav-mobile  .mp-level > div {
  padding: 29px 2em !important;
}
.contextual-nav-mobile .mp-main .search-icon-button span:hover,
.contextual-nav-mobile .mp-main .fa:hover {
  color: #DCE0EA;
}
.nav-dropdown-header .fa-angle-down {
  font-size: 30px;
}
.nav-dropdown .fa-angle-down,
.nav-dropdown .fa-angle-up {
  font-size: 20px;
}
.nav-dropdown-header .fa-angle-down,
.nav-dropdown .fa-angle-down,
.nav-dropdown .fa-angle-up {
  transition: 0.9s;
}
.nav-dropdown-header.dropdown-open .fa-angle-down,
.nav-dropdown .open .fa-angle-down,
.nav-dropdown .open .fa-angle-up {
  transform: rotateZ(180deg);
}
/* Theme Light */
.theme-light.main-nav-mobile .mp-main {
  background-color: #fff;
}
.theme-light.main-nav-mobile .mp-main .fa,
.theme-light.main-nav-mobile .mp-main button,
.theme-light.main-nav-mobile .mp-main a {
  color: #384B5D;
}
.theme-light.contextual-nav-mobile .mp-main .search-container {
  background-color: #384B5D;
}
.theme-light .mobile-search form input {
  color: #fff;
}
.theme-light.main-nav-mobile .mobile-search form input {
  color: #A9B4BF;
}
.theme-light.contextual-nav-desktop .mp-main .fa:hover,
.theme-light.contextual-nav-desktop .mp-main a:hover {
  color: #DCE0EA;
}
.theme-light.contextual-nav .c_navbar-marketing .navbar-brand {
  color: #384B5D;
}
.theme-light.contextual-nav .c_navbar-marketing .navbar-brand:hover,
.theme-light .navbar .navbar-nav > li > a:hover {
  color: #9FB1BF;
}
.theme-light.main-nav-desktop .search-login-ctas .login a,
.theme-light.main-nav-desktop .search-login-ctas i{
  color: #384B5D;
}
.theme-light.main-nav-desktop .search-login-ctas .login a:hover,
.theme-light.main-nav-desktop .search-login-ctas i:hover,
.theme-light.main-nav-desktop .navbar-nav > li > a:hover,
.theme-light.main-nav-mobile .mp-main i:hover {
  color: #9FB1BF;
}
/* Theme Dark */
.theme-dark .c_navbar-marketing {
  background-color: #384B5D;
}
.theme-dark .navbar .navbar-nav > li > a {
  color: #fff;
}
.theme-dark .navbar .navbar-nav > li > a:hover {
  color: #DCE0EA;
}
.theme-dark .navbar .nav > li > a:hover,
.theme-dark .navbar .nav > li > a:focus {
  background-color: transparent;
}
.theme-dark .navbar-brand {
  color: #fff;
}
.theme-dark .navbar-brand:hover {
  color: #DCE0EA;
}
.theme-dark.contextual-nav.contextual-nav-desktop .m_search input::placeholder,
.theme-dark.contextual-nav .mp-main .m_search input::placeholder,
.theme-dark .main-nav-desktop .mp-main .m_search input::placeholder{
  color: #fff;
}
.theme-dark.contextual-nav.contextual-nav-desktop .m_search input::-webkit-input-placeholder,
.theme-dark.contextual-nav .mp-main .m_search input::-webkit-input-placeholder
.theme-dark .main-nav-desktop .mp-main .m_search input::-webkit-input-placeholder{
  color: #fff;
}
.theme-dark.contextual-nav.contextual-nav-desktop .m_search input::-moz-placeholder,
.theme-dark.contextual-nav .mp-main .m_search input::-moz-placeholder,
.theme-dark .main-nav-desktop .mp-main .m_search input::-moz-placeholder{
  color: #fff;
}
.theme-dark.contextual-nav.contextual-nav-desktop .m_search input:-ms-input-placeholder,
.theme-dark.contextual-nav .mp-main .m_search input:-ms-input-placeholder,
.theme-dark .main-nav-desktop .mp-main .m_search input:-ms-input-placeholder{
  color: #fff;
}
.theme-dark.contextual-nav.contextual-nav-desktop .m_search input:-moz-placeholder,
.theme-dark.contextual-nav .mp-main .m_search input:-moz-placeholder,
.theme-dark .main-nav-desktop .mp-main .m_search input:-moz-placeholder{
  color: #fff;
}
.theme-dark.contextual-nav-mobile .mp-main .m_search input::placeholder{
  color: #384B5D;
}
.theme-dark.contextual-nav-mobile .mp-main .m_search input::-webkit-input-placeholder{
  color: #384B5D;
}
.theme-dark.contextual-nav-mobile .mp-main .m_search input::-moz-placeholder{
  color: #384B5D;
}
.theme-dark.contextual-nav-mobile .mp-main .m_search input:-ms-input-placeholder{
  color: #384B5D;
}
.theme-dark.contextual-nav-mobile .mp-main .m_search input:-moz-placeholder{
  color: #384B5D;
}
.theme-dark.contextual-nav-mobile .mp-main .search-icon-button span:hover,
.theme-dark.contextual-nav-mobile .mp-main .fa:hover {
  color: #687C8C;
}
.theme-dark.contextual-nav-desktop .mp-main .fa:hover,
.theme-dark.contextual-nav-desktop .mp-main a:hover {
  color: #9FB1BF;
}
.theme-dark.contextual-nav.contextual-nav-desktop .m_search input,
.theme-dark .main-nav-desktop .m_search input{
  color: #fff;
}
.theme-dark.contextual-nav-mobile form input {
  border-bottom: 2px solid #384B5D;
  color: #384B5D;
}
.theme-dark.contextual-nav-mobile .mp-main .search-container {
  background-color: #fff;
}
.theme-dark .navbar-breadcrumbs,
.theme-dark .navbar-breadcrumbs a {
  background-color: #fff;
  color: #A9B4BF;
}
.theme-dark .navbar-breadcrumbs a:hover{
  color: #AEC9D3;
}
.theme-dark .main-nav-desktop .glyphicon-search,
.theme-dark .main-nav-desktop .login a {
  color: #fff;
}
.theme-dark .main-nav-desktop.c_navbar-marketing .search-container .fa-close {
  color: #fff;
}
.theme-dark .contextual-nav-main-mobile .nav-dropdown-header{
  background-color: #384B5D;
}
.theme-transparent-body .theme-dark .contextual-nav-main-mobile .nav-dropdown-header{
  background-color: #fff;
}
.theme-dark .contextual-nav-main-mobile .nav-dropdown-header h1{
  color: #fff;
}
.theme-dark .contextual-nav-main-mobile .nav-dropdown-header h1:hover {
  color: #DCE0EA;
}
.theme-dark .contextual-nav-breadcrumbs-mobile span {
  color: #6C96A1;
}
.theme-dark .contextual-nav-breadcrumbs-mobile span a {
  color: #384B5D;
}
.theme-dark .contextual-nav-breadcrumbs-mobile span a:hover {
  color: #687C8C;
}
.theme-transparent-body .theme-dark .contextual-nav-main-mobile .nav-dropdown-header h1 {
  color: #384B5D;
}
.theme-transparent-body .theme-dark .contextual-nav-main-mobile .nav-dropdown-header h1:hover {
  color: #9FB1BF;
}
.theme-dark .contextual-nav-breadcrumbs-mobile {
  background-color: #fff;
}
.theme-transparent-body .theme-dark .contextual-nav-breadcrumbs-mobile {
  background-color: #384B5D;
}
.theme-transparent-body .theme-dark .contextual-nav-breadcrumbs-mobile span a,
.theme-light .contextual-nav-breadcrumbs-mobile span a,
.theme-light.contextual-nav-desktop .navbar-breadcrumbs span,
.theme-light.contextual-nav-desktop .navbar-breadcrumbs span a{
  color: #A9B4BF;
}
.theme-transparent-body .theme-dark .contextual-nav-breadcrumbs-mobile span,
.theme-light .contextual-nav-breadcrumbs-mobile span {
  color: #fff;
}
.theme-transparent-body .theme-dark .contextual-nav-breadcrumbs-mobile span a:hover,
.theme-light .contextual-nav-breadcrumbs-mobile span a:hover,
.theme-light.contextual-nav-desktop .navbar-breadcrumbs span a:hover {
  color: #DCE0EA;
}
.theme-dark.main-nav-mobile .mp-main {
  background-color: #384B5D;
}
.theme-dark.main-nav-mobile .mp-main .glyphicon-search,
.theme-dark.main-nav-mobile .mp-main .fa-bars,
.theme-dark.main-nav-mobile .mp-main .fa,
.theme-dark.main-nav-mobile .mp-main button{
  color: #fff;
}
.theme-dark.main-nav-mobile .mp-main .fa-bars:hover,
.theme-dark.main-nav-mobile .mp-main .fa:hover{
  color: #DCE0EA;
}
.theme-dark.contextual-nav-mobile .mp-pusher h1 a,
.theme-light.main-nav-mobile .mp-pusher h1 a,
.theme-transparent.main-nav-mobile .mp-pusher h1 a {
  background-image: url(https://www.zuora.com/wp-content/themes/zuora/img/zuora-logo.svg);
}
.theme-dark.main-nav-desktop {
  background-color: #384B5D;
}
.theme-dark.main-nav-desktop .navbar-nav > li > a,
.theme-dark.main-nav-desktop .search-toggle .fa,
.theme-dark.main-nav-desktop .login a,
.theme-dark.main-nav-desktop .search-container .fa-close,
.theme-transparent.main-nav-desktop .navbar-nav > li > a,
.theme-transparent.main-nav-desktop .search-toggle .fa,
.theme-transparent.main-nav-desktop .login a,
.theme-transparent.main-nav-desktop .search-container .fa-close{
  color: #fff;
}
.theme-dark.main-nav-desktop .navbar-nav > li > a:hover,
.theme-dark.main-nav-desktop .search-toggle .fa:hover,
.theme-dark.main-nav-desktop .login a:hover,
.theme-dark.main-nav-desktop .search-container .fa-close:hover,
.theme-transparent.main-nav-desktop .navbar-nav > li > a:hover,
.theme-transparent.main-nav-desktop .search-toggle .fa:hover,
.theme-transparent.main-nav-desktop .login a:hover,
.theme-transparent.main-nav-desktop .search-container .fa-close:hover{
  color: #DCE0EA;
}
.theme-dark.main-nav-desktop .navbar-nav > li > a:hover,
.theme-transparent.main-nav-desktop .navbar-nav > li > a:hover {
  background-color: transparent;
}
/* Transparent Theme */
.theme-transparent.c_navbar-marketing,
.theme-transparent .c_navbar-marketing{
  background-color: transparent;
  border-bottom: none;
}
.theme-transparent.contextual-nav-mobile .mp-main .search-container {
  background-color: #384B5D;
}
body.theme-transparent-body {
  margin-top: 0;
}
.theme-transparent.contextual-nav-desktop .mp-container {
  z-index: 9;
}
.theme-transparent .navbar .navbar-nav > li > a {
  color: #fff;
}
.theme-transparent .navbar .navbar-nav > li > a:hover {
  color: #DCE0EA;
}
.theme-transparent .navbar .nav > li > a:hover,
.theme-transparent .navbar .nav > li > a:focus  {
  background-color: transparent;
}
.theme-transparent.contextual-nav .c_navbar-marketing .navbar-brand {
  color: #fff;
}
.theme-transparent.contextual-nav .c_navbar-marketing .navbar-brand:hover {
  color: #DCE0EA;
}
.theme-transparent .mp-main {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255,255,255);
  /* RGBa with 0.6 opacity */
  background: rgba(255,255,255, 0.5);
}
.contextual-nav-mobile.theme-transparent .mp-main {
  background: #384B5D;
}
.theme-transparent.contextual-nav.contextual-nav-desktop .m_search input {
  background-color: #fff;
}
.theme-transparent .mobile-search form input,
.theme-transparent.main-nav-desktop .glyphicon-search,
.theme-transparent.main-nav-desktop .login a{
  color: #fff;
}
.theme-transparent.main-nav-mobile .mobile-search form input {
  color: #4D4D4E;
}
.theme-transparent.main-nav-desktop.c_navbar-marketing .search-container{
  background-color: #fff;
}
.theme-transparent.main-nav-desktop.c_navbar-marketing .search-container .fa-search {
  color: #384B5D;
}
.contextual-nav.contextual-nav-mobile .m_search input::placeholder,{
  color: #fff;
}
.contextual-nav.contextual-nav-mobile .m_search input::-webkit-input-placeholder{
  color: #fff;
}
.contextual-nav.contextual-nav-mobile .m_search input::-moz-placeholder{
  color: #fff;
}
.contextual-nav.contextual-nav-mobile .m_search input:-ms-input-placeholder{
  color: #fff;
}
.contextual-nav.contextual-nav-mobile .m_search input:-moz-placeholder{
  color: #fff;
}
/* Contextual Footer */

.contextual-nav-marketing-footer .marketing-footer{
  background-color: #384B5D;
  margin-top: 30px;
}
.contextual-nav-marketing-footer .marketing-footer ul li a {
  color: #fff;
}
.contextual-nav-marketing-footer .marketing-footer ul li a:hover {
  color: #DCE0EA;
}
.contextual-nav-marketing-footer .colophon {
  background-color: #22303F;
}
.contextual-nav-marketing-footer .colophon p,
.contextual-nav-marketing-footer .colophon a {
  color: #A9B4BF;
}
.contextual-nav-marketing-footer .colophon a:hover {
  color: #F0F2F9;
}
/* Prefooter */
.nav-prefooter #mktoForm_2821 {
  position: relative;
  background-color: transparent;
  box-shadow: none;
  max-width: 500px;
  margin: 0 auto;
}
.nav-prefooter #mktoForm_2821.mktoForm .mktoError {
  right: 0 !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
}
.nav-prefooter h2 {
  text-transform: uppercase;
}
.nav-prefooter #mktoForm_2821 input {
  background-color: #DCE0EA;
  border-radius: 4px;
  border-bottom: 0;
  color: #fff;
  -webkit-text-fill-color: #9FB1BF;
}
.nav-prefooter #mktoForm_2821 .mktoButton{
  margin-top: 0 !important;
}
.nav-prefooter #mktoForm_2821 .mktoButtonWrap {
  position: absolute;
  top: 24px;
  right: 0px;
}
.nav-prefooter #mktoForm_2821 .mktoButtonRow {
  position: initial;
}
.nav-prefooter #mktoForm_2821 > .mktoFormRow .mktoFormCol {
  padding-right: 50px;
}
/* Contextual Prefooter */
.contextual-nav-prefooter.nav-prefooter h2,
.contextual-nav-prefooter.nav-prefooter h4
 {
  color: #fff;
}
.contextual-nav-prefooter.nav-prefooter #mktoForm_2821 input {
  background-color: #22303F;
}
.contextual-nav-prefooter.nav-prefooter {
  background-color: #384B5D;
}
.contextual-nav-marketing-footer p, .contextual-nav-marketing-footer ul{
  margin:0;
}
.contextual-nav-marketing-footer small{
  color: #A9B4BF;
  font-size: 10px;
}
/* Dropdown Ad */
.dropdown-prmo {
  height: 0px;
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: height 0.3s linear;
  transition: height 0.3s linear;
}
body.dropdown-prmo-open-body {
  margin-top: 260px;
  -webkit-transition: margin-top 0.3s linear;
  transition: margin-top 0.3s linear;
}
body.dropdown-prmo-open-body.theme-transparent-body {
  margin-top: 130px;
  -webkit-transition: margin-top 0.3s linear;
  transition: margin-top 0.3s linear;
}
.prmo-mobile {
  display: none;
}
.dropdown-prmo-open.contextual-nav-desktop .mp-container {
  top: 130px;
  z-index: 10;
}
.dropdown-prmo-open.contextual-nav .c_navbar-marketing {
  top: 173px !important;
}
.scrolling.dropdown-prmo-open.contextual-nav .c_navbar-marketing {
  top: 130px !important;
}
.scrolling.dropdown-prmo-open .navbar-breadcrumbs {
  top: 217px !important;
}
.dropdown-prmo-open.contextual-nav-mobile .mp-container {
  top: 130px;
}
.dropdown-prmo-open.contextual-nav-mobile .contextual-nav-breadcrumbs-mobile {
  top: 130px;
}
.dropdown-prmo-open.contextual-nav-mobile .contextual-nav-main-mobile {
  top: 173px;
}
.dropdown-prmo-open.main-nav-desktop {
  top: 130px;
}
.dropdown-prmo-open.main-nav-mobile .mp-container{
  top: 130px;
}
.contextual-nav-desktop-marketing-footer .marketing-footer > div > div  > ul > li {
    vertical-align: top;
    text-align: left;
}
.collapse .search-login-ctas a:visited {
  color: #fff;
}
/* Blog Page */
.blog-item h4 {
  font-size: 22px;
}
.blog-item .padding-hero {
  padding: 4em 1em;
}
.blog-item {
  padding-bottom: 2em;
}
/* Press Page */
.article-content li {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .03em;
  font-weight: 300;
}
/* Partners Page */
.partnerstuff:nth-of-type(even){
  background:#A8B3BE;
}
.partnerstuff:nth-of-type(odd){
  background:#394B5D;
}
.switch.partnerstuff:nth-of-type(odd){
  background:#A8B3BE;
}
.switch.partnerstuff:nth-of-type(even){
  background:#394B5D;
}

/* Zuora Central Platform Component */
.zuora-central-platform {
  height:200px;
}
 
.zuora-central-platform .slide {
  position: absolute;
  top:0;
  left:0;
  opacity: 0;              
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease-in-out;
  background: white;
  margin-top: 50px;
}
.zuora-central-platform .slide span{
  text-transform: uppercase;
  color: #C05F68;
}
.zuora-central-platform .slide h1 {
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
}
.zuora-central-platform .slide a {
  color: #6EC5AB;
}

.zuora-central-platform p.subhead{
  font-weight: 300;
  letter-spacing: .03em;
  font-size: 18px;
  line-height: 30px;
  font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
 
.zuora-central-platform .active.slide {
  opacity: 100;
  height: 200px;
}
.engine-fill {
  cursor: pointer;
}
.engine.active {
  fill: #C05F68;
}
.engine.engine-1.active path{
  stroke: #C05F68;
}
.engine-fill.active {
  fill: #FFFFFE;
}
.navy-stripe {
  height: 250px;
  background-color: #384B5D;
  position: relative;
  top: -200px;
  margin-bottom: -200px;
  z-index: 0;
}
.stop-scroll {
  overflow: hidden;
  height: 100%;
}
.slide-engine-nav {
  margin-top: 100px;
  position: relative;
}
.slide-engine-nav .fa {
  background-color: #fff;
}
.slide-engine-nav .line {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 1px;
    left: 0;
    background-color: #777777;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.slide-engine-nav li {
  cursor: pointer;
  text-align: center;
}
.dropdown-menu-inner li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap; 
}

.dropdown-menu-inner li > a:hover, 
.dropdown-menu-inner li > a:focus {
  text-decoration: none;
  color: #262626;
}
/* Fix Vidyard Mask */

.vidyard_tmask {
  z-index: 100000 !important;
}
.vidyard_tbox {
  z-index: 100001 !important;
}

/* Video Slider */

.video-title-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 20px 10px;
    max-height: 80px;
    display: table;
    text-align: left;
}
.video-title-container .video-title {
    font-size: 13px;
}
.jumbotron-video {
    height: auto !important;
    min-height: 50vh;
    padding: 0 !important;
    border-radius: 0 !important;
}
.jumbotron-video h1 {
    font-size: 45px; 
    text-align: center; 
    text-transform: capitalize;
}
.jumbotron-video h2 {
    text-align: center; 
    text-transform: capitalize;
}
.jumbotron-video .slick-prev, 
.jumbotron-video .slick-next,
.quotes-carousel .slick-prev i,
.quotes-carousel .slick-next i {
  height: 40px;
  width: 20px;
}
.jumbotron-video .slick-prev {
  left: 40px;
}
.jumbotron-video .slick-next {
  right: 40px;
}
.jumbotron-video .video-outer .jumbotron-small:hover{
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 150px 10px;
}    
.jumbotron-video .video-outer img {
  opacity: 0;
  -webkit-transition: opacity 0.5s; /* Safari */
  transition: opacity 0.5s;
}
.jumbotron-video .video-outer .table:hover img{
  opacity: 1;
}
.jumbotron-video .slick-prev:before,
.quotes-carousel .slick-prev i:before{
  background-image: url('https://www.zuora.com/wp-content/uploads/2017/11/Left-Arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 40px;
  width: 20px;
  display: block;
}
.jumbotron-video .slick-next:before,
.quotes-carousel .slick-next i:before {
  background-image: url('https://www.zuora.com/wp-content/uploads/2017/11/Right-Arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 40px;
  width: 20px;
  display: block;
}
.jumbotron-video .jumbotron-small {
    height: 200px;
    width: 90%;
    margin: 0 auto;
    padding: 0 !important;
    background-color: #6C96A1;
}
.jumbotron-video .jumbotron-content {
    padding: 100px 0px;
}
.jumbotron-video .jumbotron-small .jumbotron-content {
    padding: 40px;
}
.overlay-navy {
    background-color: rgba(56, 75, 93, 0.5) !important;
}
.overlay-navy-dark {
    background-color: rgba(56, 75, 93, 0.75) !important;
}