/* When you hover over the nav diagonally to get to the item - it flickers off (per santi) */
.home body {
  font-weight: 300px;
}
nav ul li ul {
  top: 22px;
  padding: 48px 0 10px 0;
  background-color: transparent;
  z-index: 10;
}
nav ul li:hover > ul:before {
  top: 30px;
}
nav ul li ul li {
  background-color: #282727;
}
nav ul li ul li:first-child {
  padding-top: 10px;
}
nav ul li ul li:last-child {
  padding-bottom: 10px;
}
/* The divider lines in the item below the feature item are different lengths */
.resource-section-slider .item {
  height: 66px;
}
@media (max-width: 991px) {
  .resource-section-slider .item {
    height: auto;
  }
}
/* Events nav */
.resource-select-menu ul li.resource-events span {
  background: url(images/resource-select-events.png) center top no-repeat;
  background-size: auto 30px;
  padding-top: 30px;
  display: block;
}
.resource-select-menu ul li.resource-events a:hover span,
.resource-select-menu ul li.resource-events.active span {
  background: url(images/resource-select-active-events.png) center top no-repeat;
  background-size: auto 30px;
}
/* Customers */
.customer-table-cell .details .info h5 {
  font-size: 1em;
  font-weight: 600;
}
.col-customer {
  margin-bottom: 0;
  padding-top: 13%;
}
.customer-table-cell:hover .details {
  background: transparent;
}
.customer-table:hover {
  border-color: #000;
}
@media (max-width: 991px) {
  .col-customer {
    padding-top: 19%;
  }
}
@media (max-width: 767px) {
  .col-customer {
    float: left;
    padding-top: 39%;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .col-customer {
    float: none;
    padding-top: 70%;
    width: 100%;
  }
}
/* Featherlight */
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.5);
}
.featherlight .featherlight-close-icon {
  background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1024px) {
  .featherlight .featherlight-content {
    background: transparent!important;
  }
}
/* Blog/News Social Sharing */
.share-social {
  padding: 30px 0;
}
.share-social ul {
  margin: 0;
  padding: 0;
}
.share-social ul li {
  margin: 0 10px 0 0;
  height: 30px;
  display: block;
  line-height: 30px;
  float: left;
}
.share-social ul li a {
  height: 30px;
  background: url(images/share-social-icons.png) top left no-repeat;
  background-size: 181px 30px;
  display: block;
  font-size: 0;
}
.share-social ul li.share a {
  font-size: 1.5em;
  background: none;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}
.share-social ul li.facebook {
  width: 15px;
}
.share-social ul li.facebook a {
  background-position: 0 100%!important;
}
.share-social ul li.twitter {
  width: 33px;
}
.share-social ul li.twitter a {
  background-position: -41px 100% !important;
}
.share-social ul li.linkedin {
  width: 27px;
}
.share-social ul li.linkedin a {
  background-position: -97px 100% !important;
}
.share-social ul li.google {
  width: 33px;
}
.share-social ul li.google a {
  background-position: -148px 100% !important;
}
/* Resources Alignment */
.whitepaper-excerpt p {
  height: 112px;
}
.internal-page .h4-table {
  display: table;
  width: 100%;
}
.internal-page .h4-table .h4-tr {
  display: table-row;
}
.internal-page .h4-table .h4-tr h4 {
  display: table-cell;
  height: 53px;
  vertical-align: bottom;
}
@media (max-width: 991px) {
  .whitepaper-excerpt p,
  .internal-page .h4 table .h4-tr h4 {
    height: auto;
  }
}


/* --- Community Giving --- */
.internal-page.community-page .primary-wrapper {
  padding: 80px 0;
}
.giving-wrapper {
  margin: 15px -10px 30px -10px;
  padding-bottom: 70px;
}
.giving-wrapper .item {
  padding: 0 10px;
}
.giving-video-section {
  background-color: #313131;
  padding: 80px 0;
  position: relative;
  color: #FFF;
}
.giving-video-section .bg1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: transparent url("images/rocketfuel-giving-video-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.giving-video-section h3 {
  color: #FFF;
}
.giving-video-section h4 {
  color: #FFF;
  border-bottom: none;
  font-size: 1.45em;
}
.col-giving-video-left {
  padding-right: 70px;
}
.col-giving-video-right {
  padding-left: 70px;
}
.giving-wrapper .owl-controls {
  position: absolute;
  bottom: -65px;
  right: 0;
  left: 0;
  height: 40px;
}
.giving-wrapper .owl-pagination {
  text-align: center;
}
.giving-wrapper .owl-pagination .giving-prev,
.giving-wrapper .owl-pagination .giving-next {
  width: 20px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  cursor: hand;
}
.giving-wrapper .owl-pagination .giving-prev {
  background: transparent url("images/campaigns-arrows.png") no-repeat left center;
  background-size: 40px 40px;
  margin-right: 8px;
}
.giving-wrapper .owl-pagination .giving-next {
  background: transparent url("images/campaigns-arrows.png") no-repeat right center;
  background-size: 40px 40px;
  margin-left: 8px;
}
.giving-wrapper .owl-pagination .owl-page {
  display: inline-block;
  width: 26px;
  height: 40px;
  position: relative;
}
.giving-wrapper .owl-pagination .owl-page:before {
  content: "";
  width: 12px;
  height: 12px;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -6px;
  border-radius: 6px;
  background-color: #b7b6b6;
  display: block;
  position: absolute;
}
.giving-wrapper .owl-pagination .owl-page.active:before {
  background-color: #0093d0;
}

@media(max-width: 1199px) {
  .giving-video-section {
    padding: 0;
  }
  .giving-video-section .container,
  .giving-video-section .row {
    display: block;
  }
  .giving-video-section .container .row > div {
    width: 100%;
    display: block;
  }
  .giving-video-section .bg1 {
    right: 0;
    bottom: auto;
    height: 450px;
  }
  .col-giving-video-left {
    height: 450px;
    position: relative;
  }
  .giving-video-section .moment-score-video {
    height: 182px;
    width: 200px;
    left: 50%;
    top: 50%;
    margin-top: -91px;
    margin-left: -100px;
    position: absolute;
  }
  .col-giving-video-right {
    padding: 40px 15px;
  }
}

#optout {
  background-color: #08aeec; margin-bottom: 10px; padding: 10px; color: white; font-weight: bold; text-align: center; display: none;
}

/* -- Add to correct location for Careers push --- */
.why-rocketfuel .cycle-slideshow > div {
  display: none;
}
.why-rocketfuel .cycle-slideshow > div:first-child {
  display: block;
  visibility: hidden;
}
.positions .option-wrapper a {
  background-image: url("images/blog-feature-banner-default.jpg");
}
.positions .option-wrapper a img {
  width: 56px;
  height: 56px;
  display: block;
  margin: 8px auto 0 auto;
}
.job-title {
  background-color: #ebebeb;
  color: #0093d0;
  padding: 6px 50px 6px 12px;
  margin-bottom: 5px;
  cursor: pointer;
  cursor: hand;
  position: relative;
  display: block;
}
.job-title:hover,
.job-title.active {
  background-color: #00a4d9;
  color: #FFF;
}
.job-title:hover:before,
.job-title.active:before {
  background-image: url("images/brand-page-box-hover-icon-white.png");
}
.job-title:hover .job-location,
.job-title.active .job-location {
  color: #eee;
}
.job-title:before {
  content: '';
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  background: transparent url("images/brand-page-box-hover-icon-blue.png") no-repeat right center;
  background-size: 26px 26px;
  width: 26px;
}
.job-title iframe {
  width: 100%;
  display: none;
}
.job-location {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  text-align: right;
  left: 0;
  pointer-events: none;
  padding: 6px 0;
  color: #000;
}
.job-description {
  display: none;
  background-color: #FFF;
  padding: 20px 0;
  margin: 0 -50px 0 -12px;
  position: relative;
  top: 6px;
  color: #000;
}
.page-template-template-careers .featherlight .featherlight-content {
  padding: 60px;
}
.apply-iframe-trigger {
  background-color: #08aeec;
  margin: 10px 0;
  padding: 10px;
  color: #FFF !important;
  font-weight: bold;
  text-align: center;
  display: block;
}
.featherlight .featherlight-close-icon {

}
.featherlight .featherlight-content {
  max-height: 100% !important;
  background: #FFF !important;
}
@media(max-width: 1024px) {
  .featherlight .featherlight-content {
    padding: 20px !important;
  }
}
@media(max-width: 600px) {
  .job-location {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    text-align: left;
  }
}
header, nav ul li ul {
  -webkit-transform: translateZ(0);
}
@media(max-width: 991px) {
  header, nav ul li ul {
    -webkit-transform: none;
  }
}
.feature-blog-banner {
  height: auto;
  background-repeat: repeat;
}
.col-feat-blog-banner {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  bottom: auto;
  width: 100%;
}
@media(max-width: 767px) {
  .feature-blog-banner {
    height: auto !important;
  }
}
#banner video {
  width: 100%;
  height: 100%;
}
@media(max-width: 1023px) {
  #banner video {
    z-index: -1;
    position: relative;
  }
}

.page-id-2754 .internal-page p {
  font-size: 1em;
}
html body .chosen-single {
  border: 1px solid #0093d0;
}
html body .gform_wrapper .chosen-single {
  background: #FFF !important;
}
html body .gform_wrapper .chosen-container:before {
  background: #eee !important;
}

.blog-section {
  background-color: #fcfcfc;
}
.blog-section.feed .blogdate {
  display: block;
  color: #9b9b9b;
  margin-bottom: 5px;
}
.blog-section.feed .pipe {
  display: none;
}
.blog-article > .container {
  border-bottom: 1px solid #0082ca;
  padding-bottom: 40px;
}
.blog-section.feed .blog-article {
  margin-bottom: 60px;
  padding-bottom: 0;
}

.page-id-2680 .internal-page .primary-wrapper {
  padding: 0;
}
.page-id-2680 .internal-page .primary-wrapper .row {
  overflow: hidden;
}
.page-id-2680 .internal-page .primary-wrapper .row .col-md-8 {
  padding: 80px 40px 80px 15px;
}
.page-id-2680 .internal-page .primary-wrapper .row .col-md-8:nth-child(3) {
  padding-left: 40px;
  background-color: #ededed;
  padding-top: 9999px;
  padding-bottom: 9999px;
  margin-top: -9919px;
  margin-bottom: -9919px;
}
.gform_wrapper .disclaimer .gfield_description {
  padding: 0 20px 0 0 !important;
}
@media(max-width: 991px) {
  .page-id-2680 .internal-page .primary-wrapper {
    overflow: hidden;
  }
  .page-id-2680 .internal-page .primary-wrapper .row {
    overflow: auto;
  }
  .page-id-2680 .internal-page .primary-wrapper .row .col-md-8 {
    padding: 40px 15px 40px 15px;
    float: none;
  }
  .page-id-2680 .internal-page .primary-wrapper .row .col-md-8:nth-child(3) {
    float: none;
    padding: 40px 20px !important;
    margin: 0 !important;
    background-color: #ededed;
    position: relative;
    z-index: 3;
  }
}

html body.page-template-template-landing .chosen-single {
  background-color: #FFF !important;
}
html body.page-template-template-landing .chosen-container-single .chosen-single span {
  color: #000 !important;
}
#landing-page .chosen-container .chosen-single div b {
  background-size: 28px 10px !important;
}
html body.page-template-template-landing .chosen-container:before {
  background: #000;
}
.ticker-placeholder {
  background-color: #0093d0;
  height: auto;
  padding: 35px 0;
}
#ticker {
  text-align: center;
  height: auto;
  background-color: #0093d0;
  color: #FFF;
  display: block !important;
  font-size: 23px;
  font-weight: 300;
}
#ticker a.register {
  color: #FFF;
  background-color: #0085bc;
  padding: 7px 12px;
  font-weight: bold;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 500;
  text-transform: uppercase;
  font-size: .75em;
  letter-spacing: .05em;
}
#ticker-carousel .owl-wrapper-outer:before,
#ticker-carousel .owl-wrapper-outer:after {
  background-color: #0093d0;
}
.ticker-wrapper .ticker-prev,
.ticker-wrapper .ticker-next {
  background-image: url(images/ticker-arrows-dark-blue.png);
}
.ticker-wrapper {
  height: auto;
}

@media(max-width: 1250px) {
  .ticker-placeholder {
    height: auto;
  }
  .ticker-wrapper {
    height: auto;
  }
  #ticker {
    height: auto;
    padding: 10px 0;
    line-height: 40px;
  }
  #ticker a.register {
    white-space: nowrap;
  }
}

@media(max-width: 700px) {
  #ticker {
    line-height: 30px;
  }
  .ticker-wrapper > * {
    display: none;
  }
  .ticker-wrapper > a, .ticker-wrapper > strong {
    display: block;
  }
}

@media (max-width: 991px) {
  .landing-select-language .container, .landing-select-language .row {
      height: auto;
  }
  .col-landing-text, .col-landing-dropdown {
    text-align: center;
  }
}

@media(max-width: 1024px) {
  #footer ul li.clear {
    display: block !important;
  }
  #footer ul li {
    line-height: 1.3 !important;
  }
  #footer ul {
    height: auto !important;
  }
  #footer {
    padding: 20px 0;
  }
}

.programmatic-accordion {
  padding: 60px 0;
  background: transparent url(images/bg-programmatic-page.jpg) repeat top left;
}
.pr-accordion-wrapper {
  margin: 30px 0;
}
.pr-accordion {
  margin-bottom: 5px;
  position: relative;
  background-color: #000;
}
.pr-accordion.active.accordion-1 {
  background-image: url(images/programmatic-accordion-1.jpg);
}
.pr-accordion.active.accordion-2 {
  background-image: url(images/programmatic-accordion-2.jpg);
}
.pr-accordion.active.accordion-3 {
  background-image: url(images/programmatic-accordion-3.jpg);
}
.pr-accordion.active.accordion-4 {
  background-image: url(images/programmatic-accordion-4.jpg);
}
.pr-accordion.active {
  background: #000 url(images/programmatic-accordion-1.jpg) no-repeat top right;
}
.pr-numbered {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 25px;
  top: 50%;
  margin-top: -30px;
  background: transparent url(images/tab1-hover.png) no-repeat left center;
  background-size: 60px 60px;
}
.pr-numbered.num-1 {
  background-image: url(images/tab1-hover.png);
}
.pr-numbered.num-2 {
  background-image: url(images/tab2-hover.png);
}
.pr-numbered.num-3 {
  background-image: url(images/tab3-hover.png);
}
.pr-numbered.num-4 {
  background-image: url(images/tab4-hover.png);
}
.pr-accordion-header {
  padding: 20px 80px 20px 105px;
  line-height: 1.15;
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.pr-accordion-header .pr-main-head {
  color: #FFF;
  font-weight: 600;
  font-size: 1.35em;
}
.pr-accordion-header .pr-sub-head {
  color: #0093d0;
  font-size: 1.85em;
}
.pr-accordion-content {
  display: none;
  padding: 20px 30px 20px 105px;
  max-width: 700px;
}
.pr-accordion-content > div {
  min-height: 330px;
}
.pr-accordion-content ul {
  padding-left: 20px;
  font-size: 1.4em;
}
.pr-accordion-content h4 {
  border: none;
  font-size: 2.2em;
  padding: 0;
}
.pr-accordion.active .pr-toggle {
  background-image: url(images/pr-accordion-open.png);
}
.pr-toggle {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent url(images/pr-accordion-closed.png) no-repeat center right;
  background-size: 70px 70px;
}
@media(max-width: 991px) {
  .pr-accordion {
    background: #000 !important;
    font-size: .80em;
  }
  .pr-accordion-content > div {
    min-height: 0;
  }
  .pr-toggle {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
  }
}
@media(max-width: 600px) {
  .pr-accordion {
    font-size: .65em;
  }
  .pr-toggle {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
  .pr-numbered {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    left: 15px;
  }
  .pr-accordion-header {
    padding: 20px 60px 20px 65px;
  }
  .pr-accordion-content {
    padding: 20px 30px 20px 65px
  }
}
.customer-table-cell.silver .tier-status,
.customer-table-cell.gold .tier-status {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-size: 69px 69px;
  background-position: top right;
  background-repeat: no-repeat;
}
.customer-table-cell.silver .tier-status {
  background-image: url(images/partner-silver-certification.png);
}
.customer-table-cell.gold .tier-status {
  background-image: url(images/partner-gold-certification.png);
}
@media (max-width: 991px) {
  .logo {
     width: 190px;
  }
}
.nolightpad .featherlight .featherlight-content {
  padding: 0;
  border-bottom: 0;
}
.info-left {
  float: left;
  width: 35%;
  padding: 20px;
}
.info-right {
  float: right;
  width: 64.5%;
  background: transparent url("images/light-fade.jpg") repeat-y top left;
  padding: 40px 20px 40px 60px;
  min-height: 410px;
}
.info-title {
  margin-bottom: 5px;
}
.info-categories {
  color: #6b6b6b;
  font-size: 1.15em;
  margin-bottom: 10px;
}
.info-icons {
  padding:15px 0;
  min-height: 102px;
}
.info-icons > span {
  margin-right: 30px;
  display: inline-block;
  padding-top: 50px;
  text-align: center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 63px 51px;
  min-width: 63px;
  text-transform: capitalize;
}
.info-icons > span:last-child {
  margin-right: 0;
}
.info-icons span.display {
  background-image: url('images/icon-display.png');
}
.info-icons span.video {
  background-image: url('images/icon-video.png');
}
.info-icons span.mobile {
  background-image: url('images/icon-mobile.png');
}
.info-icons span.tv {
  background-image: url('images/icon-tv.png');
}
.info-icons span.social {
  background-image: url('images/icon-social.png');
}
@media(max-width: 1024px) {
  .info-left,
  .info-right {
    float: none;
    width: 100%;
    background: #FFF;
    padding: 15px;
  }
  .info-left img {
    width: 200px;
    margin: 0;
    border: 1px solid #777;
  }
}
.featherlight .featherlight-close-icon {
  background: transparent url("images/bg-lightbox-close.png") no-repeat center center;
  background-size: 25px 25px;
  text-indent: -9999px;
  top: 8px;
  right: 8px;
}

/* How it works */
body.page-template-template-how-it-works-php{font-size:15px}.how-it-works-page a{text-decoration:none}.how-it-works-page a:hover,.how-it-works-page a:active{text-decoration:none}.how-it-works-page p{font-size:1.7em;line-height:1em;color:#0093d0;font-weight:300;font-family:"proxima-nova",sans-serif}.how-it-works-page b,.how-it-works-page strong{font-weight:700}.how-it-works-page i,.how-it-works-page em{font-style:italic}.how-it-works-page h1,.how-it-works-page h2,.how-it-works-page h3,.how-it-works-page h4{margin-top:0;font-family:"proxima-nova",sans-serif}.how-it-works-page h1{font-size:3.8em;letter-spacing:.015em;color:#FFF;font-weight:300}.how-it-works-page h2{font-size:2.8em;color:#0093d0;font-weight:300}.how-it-works-page h3{font-size:2.2em;color:#0093d0;font-weight:300}.how-it-works-page h4{font-size:2.2em;color:#fff;font-weight:300}.how-it-works-page ol{margin:0;padding:0;list-style-type:none}@media (max-width: 992px){.how-it-works-page h1{font-size:3em}}@media (max-width: 767px){.how-it-works-page h1{font-size:2.3em;padding:0 10px}.how-it-works-page h2{font-size:1.5em}.how-it-works-page h3{font-size:2em}}.how-it-works-page header{position:fixed;width:100%;top:128px;left:0;z-index:100;background-color:transparent}.how-it-works-page nav{display:table;width:100%;border-spacing:5px;top:0}.how-it-works-page .navbar:before{display:none}.how-it-works-page nav ul{list-style-type:none;width:100%;padding:0;margin:0;display:table-row}.how-it-works-page nav ul li{display:table-cell!important;border-bottom:none;background-color:#33a8d9;cursor:pointer;text-align:center;padding:10px}.how-it-works-page nav ul li a{color:#000;text-decoration:none;padding:0!important}.how-it-works-page nav ul li.active a{color:#fff}.how-it-works-page nav ul li a:hover,.how-it-works-page nav ul li a:focus{background-color:transparent!important;color:#fff}@media (max-width: 992px){.how-it-works-page header{top:68px}}@media (max-width: 767px){.how-it-works-page nav{display:none}}.how-it-works-page img{max-width:100%}.how-it-works-page .primary-wrapper .curtains > li{background:#212121}.how-it-works-page .hiw_section{padding:100px 0}.how-it-works-page .hiw_section .container{position:relative;z-index:1}.how-it-works-page .wf-loading{visibility:hidden}.how-it-works-page .padded{padding-top:128px}@media (max-width: 992px){.how-it-works-page .padded{padding-top:80px}}@media (max-width: 767px){.how-it-works-page .padded{padding-top:0}}.how-it-works-page #sect_1{background:transparent url(images/brg_1.jpg) repeat top left;text-align:center;position:relative;padding-top:60px}.how-it-works-page #sect_1 h1{color:#0093d0;font-weight:300;text-transform:uppercase}.how-it-works-page #sect_1 h2{color:#fff;font-weight:300}.how-it-works-page #s1_people{float:left;width:100%;height:400px;background:transparent url(images/s1_people.png) no-repeat center;background-size:contain}.how-it-works-page #sect_1 .dwn_arrow{top:-50px}.how-it-works-page .dwn_arrow{float:left;left:0;width:100%;z-index:100;position:relative}.how-it-works-page #section_5 .dwn_arrow{margin-top:-30px}@media (max-width: 767px){.how-it-works-page #sect_1{padding-top:80px}.how-it-works-page #s4_2 .dwn_arrow{bottom:-15px}.how-it-works-page #sect_7 .dwn_arrow{bottom:-10px}}.how-it-works-page .arrow{width:70px;height:70px;display:block;margin:auto;border-radius:100%;background:transparent url(images/dwn_arrow.png) no-repeat center}@media (max-width: 767px){.how-it-works-page #s1_people{background:transparent url(images/s1-mbrg.png) no-repeat center;background-size:50%;height:450px;background-position:11%;background-size:800px}}.how-it-works-page .flip_holder{display:table;table-layout:fixed;border-spacing:5px;padding:0 50px}.how-it-works-page .flip_cards{display:table-row}.how-it-works-page .flip_single{display:table-cell;width:33%;background-color:#000;height:400px;padding:15px;text-align:center;position:relative}.how-it-works-page .flip_inner{float:left;width:100%;height:400px;cursor:pointer}.how-it-works-page .flip_start{padding-top:100px;float:left;width:100%}.how-it-works-page .flip_start h2{color:#fff}.how-it-works-page .flip_start h3{color:#fff;font-size:1.8em}.how-it-works-page .flip_flipped{float:left;width:100%;display:none}.how-it-works-page .flipped_fi{margin-top:20px;margin-bottom:30px}.how-it-works-page .flip_flipped h3{font-size:1.8em}.how-it-works-page .flip_button{width:60px;height:60px;cursor:pointer;margin:auto;margin-top:20px;background:url(images/flip_btn.png) no-repeat center}.how-it-works-page .flip_inner:hover > .flip_start{display:none;-o-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s}.how-it-works-page .flip_inner:hover > .flip_flipped{display:block}@media (max-width: 992px){.how-it-works-page .flip_holder{padding:0}.how-it-works-page .flip_single{height:500px}}@media (max-width: 767px){.how-it-works-page #sect_2{background-color:#000}.how-it-works-page .flip_holder{display:block;width:100%;padding:0}.how-it-works-page .flip_start h2{font-size:3em}.how-it-works-page .flip_cards{float:left;width:100%}.how-it-works-page .flip_single{height:auto;display:block;width:100%}}.how-it-works-page .title_section{text-align:center;background-color:#0093d0;min-height:600px}.how-it-works-page .title_section h1{color:#000;text-transform:uppercase}.how-it-works-page .title_section h2{color:#fff}@media (max-width: 767px){.how-it-works-page .title_section{min-height:0}}.how-it-works-page #right_device_1,.how-it-works-page #right_device_3{height:450px;text-align:center}.how-it-works-page .fade_1{display:inline-block}.how-it-works-page .fade_2,.how-it-works-page .fade_3{position:absolute;opacity:0;-o-transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;transition:opacity 1.5s}.how-it-works-page .fadein1 span.fade_1,.how-it-works-page .fadein2 span.fade_2{display:block;opacity:0;-o-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s}.how-it-works-page .fadein1 .fade_2{display:inline-block;position:relative;opacity:1}.how-it-works-page .fadein1 .fade_1{opacity:0;position:absolute;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.how-it-works-page .fadein2 .fade_2{opacity:0;position:absolute}.how-it-works-page .fadein1 span.fade_1,.how-it-works-page .fadein2 span.fade_2{display:inline-block;position:relative;opacity:1}.how-it-works-page .fadein2 .fade_3{display:inline-block;position:relative;opacity:1}@media (max-width: 767px){.how-it-works-page #right_device_2 span.fade_1,.how-it-works-page #right_device_2 span.fade_2,.how-it-works-page #right_device_2 span.fade_3,.how-it-works-page #right_device_2 h1.fade_3{display:block;opacity:1;position:relative}.how-it-works-page img.fade_1,.how-it-works-page img.fade_2{display:none!important}.how-it-works-page img.fademobile{display:block;position:relative;opacity:1}}.how-it-works-page #right_device_2{padding-top:100px;text-align:center}.how-it-works-page #right_device_2 h2{color:#fff}.how-it-works-page #right_device_2 h1{color:#0093d0}@media (max-width: 767px){.how-it-works-page #sect_4{padding:150px 0}.how-it-works-page #right_device_2 h2{color:#fff}.how-it-works-page #right_device_1,.how-it-works-page #right_device_2,.how-it-works-page #right_device_3{padding:0;height:auto}.how-it-works-page #right_device_1,.how-it-works-page #right_device_3{width:30%}.how-it-works-page #right_device_2{width:40%}.how-it-works-page img.fade_1,.how-it-works-page img.fade_2{display:none}.how-it-works-page .fade_3{display:block}.how-it-works-page .fademobile{display:block}}.how-it-works-page #sect_5{background-color:#2c2a2a;padding:40px 0 60px}.how-it-works-page #sect_5 .dwn_arrow{top:-25px}.how-it-works-page #moment_bar{margin-top:15px}.how-it-works-page .ta_bar{display:none;-o-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s}.how-it-works-page .ta_bar.ta_active{display:block}.how-it-works-page #moment-left{padding-top:80px}.how-it-works-page #ta_arrow{background:url(images/ar_brg.png) no-repeat center;width:60px;height:50px;position:absolute;right:0;bottom:-25px}.how-it-works-page #moment-right{padding-bottom:0}.how-it-works-page .time_annie_holder{height:450px;cursor:pointer;position:relative}.how-it-works-page .time_annie{display:block;opacity:.7;text-align:center;-o-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s}.how-it-works-page .time_annie_holder.ta_not_active .time_annie{opacity:.25}.how-it-works-page .time_annie_holder.ta_active .time_annie{opacity:1}.how-it-works-page .ta_toggle{margin:auto;width:35px;height:35px;background:url(images/ta_open.png) no-repeat center;-o-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s}.how-it-works-page .time_annie_holder.ta_active .ta_toggle{background:url(images/ta_close.png) no-repeat center}.how-it-works-page .ta_stats{display:none;position:absolute;width:275px;height:240px;text-align:center}.how-it-works-page .time_annie_holder.ta_active .ta_stats{display:block}.how-it-works-page #ta_stats_1,.how-it-works-page #ta_stats_2{top:100px;left:150px;z-index:1}.how-it-works-page #ta_stats_3,.how-it-works-page #ta_stats_4{top:100px;right:150px;z-index:1}.how-it-works-page #ta_mobile,.how-it-works-page #ta_bar_start_mobile,.how-it-works-page #ta_bar_m{display:none}@media (max-width: 992px){.how-it-works-page #moment-left{padding-top:0;font-size:.8em}}@media (max-width: 767px){.how-it-works-page #ta_1,.how-it-works-page #ta_2,.how-it-works-page #ta_3,.how-it-works-page #ta_4{display:none}.how-it-works-page #ta_mobile{display:block}.how-it-works-page #ta_bar_start{display:none}.how-it-works-page #ta_bar_m.ta_active{display:block}.how-it-works-page #moment_holder{font-size:.6em}.how-it-works-page .time_annie_holder{padding:0;height:auto;margin-top:50px}.how-it-works-page #ta_stats_1{top:100px;left:-20px;z-index:1;width:150px}.how-it-works-page #ta_arrow{background-size:contain;width:50px;height:40px;right:70px;bottom:-55px}.how-it-works-page .ta_toggle,.how-it-works-page .time_annie_holder.ta_active .ta_toggle{width:25px;height:25px;background-size:contain}.how-it-works-page #moment-left{font-size:1em}}.how-it-works-page #sect_6{padding-top:60px}.how-it-works-page #sect_6 .dwn_arrow{top:-20px}.how-it-works-page #mslider_left{float:left;width:22%;margin-right:-10px}.how-it-works-page #marketing_slider{min-height:500px;overflow:visible;width:78%;display:inline-block}.how-it-works-page #marketing_slider_mobile{display:none}@media (max-width: 1200px){.how-it-works-page #mslider_left{width:27%}.how-it-works-page #marketing_slider{width:72%}.how-it-works-page #sect_6 .dwn_arrow{top:10px}}@media (max-width: 992px){.how-it-works-page #mslider_left{width:26%}.how-it-works-page #marketing_slider{width:73%}}@media (max-width: 767px){.how-it-works-page #marketing_slider{display:none}.how-it-works-page #mslider_left{display:none}.how-it-works-page #marketing_slider_mobile{display:block;overflow:visible;width:100%}}.how-it-works-page #tenets{margin-top:25px}.how-it-works-page #tenets div{display:inline-block;text-align:center;font-size:1.8em;padding:25px 15px;color:#fff;vertical-align:middle;font-weight:300;line-height:1em}.how-it-works-page #tenets-middle{border-right:2px solid #0185bc;border-left:2px solid #0185bc}@media (max-width: 992px){.how-it-works-page #tenets div{font-size:1.3em}}@media (max-width: 767px){.how-it-works-page #tenets div{font-size:1.3em;display:block;width:200px;margin:auto;border-right:none;border-left:none;border-top:2px solid #0185bc;border-bottom:2px solid #0185bc}.how-it-works-page #tenets #tenets-middle{border:none}}.how-it-works-page #sect_8{background-color:#000}.how-it-works-page #graph-1{width:450px;height:360px;background:#000;position:relative;background:url(images/graph1-brg.png) no-repeat bottom left;margin:auto}.how-it-works-page #g1-title{text-align:center;margin-bottom:-25px}.how-it-works-page #g1-mobile{display:none}.how-it-works-page #graph-1-info{padding-top:50px;text-align:center}.how-it-works-page .point{width:22px;height:22px;background-color:#000;border:3px solid #0093d0;border-radius:100%;position:absolute;opacity:0;-o-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}.how-it-works-page .line{border-top:3px solid #0093d0;position:absolute;width:0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-o-transition:width .5s;-moz-transition:width .5s;-webkit-transition:width .5s;transition:width .5s}.how-it-works-page #point1{top:200px;left:50px}.how-it-works-page #point2{top:116px;left:133px}.how-it-works-page #point3{top:305px;left:243px}.how-it-works-page #point4{top:170px;left:360px}.how-it-works-page #line1{top:204px;left:66px;-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.how-it-works-page #line2{top:133px;left:150px;-ms-transform:rotate(60deg);-o-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg);transform:rotate(60deg)}.how-it-works-page #line3{top:310px;left:260px;-ms-transform:rotate(-50deg);-o-transform:rotate(-50deg);-moz-transform:rotate(-50deg);-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}.how-it-works-page .g1data{position:absolute;width:107px;height:86px;display:none;opacity:0;-o-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}.how-it-works-page .active #pop1{display:block;opacity:1;top:220px;left:40px}.how-it-works-page .active1 #pop2{display:block;opacity:1;top:140px;left:150px}.how-it-works-page .active2 #pop3{display:block;opacity:1;top:240px;left:280px}.how-it-works-page .active3 #pop4{display:block;opacity:1;top:70px;left:340px}.how-it-works-page .active1 #pop1{opacity:0}.how-it-works-page .active2 #pop2{opacity:0}.how-it-works-page .active3 #pop3{opacity:0}.how-it-works-page .active1 #line1{width:100px}.how-it-works-page .active2 #line2{width:200px}.how-it-works-page .active3 #line3{width:160px}.how-it-works-page #point1{opacity:1}.how-it-works-page .active1 #point2{opacity:1}.how-it-works-page .active2 #point3{opacity:1}.how-it-works-page .active3 #point4{opacity:1}.how-it-works-page .pi1,.how-it-works-page .pi2,.how-it-works-page .pi3,.how-it-works-page .pi4{opacity:0;position:absolute;width:100%;-o-transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.how-it-works-page .pishow{display:inline-block;opacity:1}@media (max-width: 767px){.how-it-works-page #graph-1{display:none}.how-it-works-page #g1-title{margin-bottom:5px}.how-it-works-page #g1-mobile{display:block;text-align:center}.how-it-works-page #graph-1-info img{display:none}.how-it-works-page #graph-1-info .pimobile{display:inline-block;padding:20px}}.how-it-works-page #sect_9{background-color:#000}.how-it-works-page #sect_9 .dwn_arrow{top:-40px}.how-it-works-page #graph_2{text-align:center}.how-it-works-page #g-2,.how-it-works-page #g-3{position:relative;margin-bottom:25px}.how-it-works-page .g2-l span,.how-it-works-page .g3-l span{display:block;overflow:hidden;width:0;-o-transition:3s;-moz-transition:3s;-webkit-transition:3s;transition:3s}.how-it-works-page .g2-l.active span,.how-it-works-page .g3-l.active span{width:100%}.how-it-works-page .g2-l,.how-it-works-page .g3-l{position:absolute;width:100%;height:100%;left:0;top:0;padding:20px}.how-it-works-page .g2-l img,.how-it-works-page .g3-l img{max-width:1000px}@media (max-width: 767px){.how-it-works-page .g2-l span{width:100%}.how-it-works-page #sect_9 .dwn_arrow{top:10px}}.how-it-works-page #sect_10{background-color:#000}.how-it-works-page #graph_3{text-align:center}.how-it-works-page #mobile-g3{display:none}@media (max-width: 767px){.how-it-works-page #g3brg{display:none}.how-it-works-page .g3-l{display:none}.how-it-works-page #mobile-g3{display:inline-block}}.how-it-works-page #stm2{padding:25px 0}.how-it-works-page #stm h1{font-weight:200;color:#fff;text-transform:none;font-size:5em;text-align:left}.how-it-works-page .stm_btn{display:block;padding:15px 0;border:1px solid #fff;color:#fff;font-size:1.5em;letter-spacing:.07em;line-height:1.2em;text-transform:uppercase;margin-bottom:15px}.how-it-works-page .stm_btn:hover{background-color:#fff;color:#0093d0}@media (max-width: 767px){.how-it-works-page #stm{text-align:center}.how-it-works-page #stm h1{font-weight:200;font-size:3em;text-align:center}.how-it-works-page #stm_btns{padding:0 35px}}

.down-arrow {
  position: absolute;
  bottom: 90px;
  width: 60px;
  height: 30px;
  left: 50%;
  margin-left: -30px;
  background: transparent url("images/up-down-arrows.png") no-repeat bottom center;
  background-size: 60px 60px;
  text-indent: -9999px;
  cursor: pointer;
  cursor: hand;
}
#banner.fixed .down-arrow {
  bottom: 30px;
  position: fixed;
}
.new-banner #banner {
  pointer-events: auto;
}
.new-banner #banner video {
  pointer-events: none;
}






/*  New Campaigns Template  */

.campaigns h2{
  font-weight: 300;
  font-size: 52px;
}
.ct-resources-title h3{
  font-size: 48px;
  color: #fff;
  font-weight: 300;
}

.campaigns-section{
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  min-height: 500px;
}

.drkbg{
  position: absolute;
  top: 0;
  width: 48%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
}

@media (max-width: 992px){
  .drkbg{
    width: 100%;
  }

  .campaigns h2{
    font-size: 38px;
  }

}


.drkleft{
  left: 0;
}
.drkright{
  right: 0;
}



.campaigns-section .moment-score-video{

}
@media (max-width: 992px){
  .campaigns-section .moment-score-video{
    margin:50px 0;
  }
}

.ct-drk-copy{
  padding-top: 50px;
  padding-bottom: 50px;
}

.campaign-alignright .ct-drk-copy{
  padding-left: 70px;
}
.campaign-alignleft .ct-drk-copy{
  padding-right: 70px;
}

@media(max-width: 480px){
  .campaign-alignright .ct-drk-copy{
    padding-left: 15px;
  }
  .campaign-alignleft .ct-drk-copy{
    padding-right: 15px;
  }
}


.ct-drk-copy p{
  font-size: 1.45em;
  font-weight: 300;
  color: #FFF;
  line-height: 1.25em;
}


#ct-resources-band{
  background-color: #1b1b1b;
  background-repeat: repeat;
}

.ct-resources-title{
  text-align: center;
  margin-bottom: 50px;
}
#ct-featured-resource{
  position: relative;
  margin-bottom: 35px;
  text-align: center;
}

#ct-featured-resource img{
  width: 100%;
  max-width: 100%;
}


#ct-featured-resource .ct-fr-hov{
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  padding:15px;
  opacity: 0;
  z-index: 10;
}
#ct-featured-resource .ct-fr-hov:hover{
  opacity: 1;

}
.ct-fr-title h2{
  font-size: 42px;
  line-height: 40px;
}
.ct-fr-desc{
  color: #fff;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 15px;
}
#ct-featured-resource .box-btn{
  padding:15px;
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#ct-resources p{
  color: #fff;
  font-size: 15px;
}

@media (max-width: 992px){
  #ct-featured-resource img{
    max-width: 360px;
  }
}

@media (max-width: 767px){


  .campaigns-section{
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 100px;
  }

  .ct-drk-copy{
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .campaigns h2{
    font-weight: 300;
    font-size: 25px;
  }

  .campaigns-section p{
    font-size: 1em;
    font-weight: 300;
  }
  .campaigns-section .moment-score-video{
    margin:25px 0;
  }
  .ct-fr-desc{
    font-size: 20px;
    line-height: 22px;
  }


  .campaigns-section .box-btn{
    margin:25px auto;
    display: block;
  }


}




/*new campaigns changes*/

.campaignslightboxholder{
  display: none;
  /*visibility: hidden;
  opacity: 0;*/
}

.z5camplbholder{
  display: block;
  margin:auto;
  max-height: 100%;
  overflow: scroll;
  padding:15px 0;
}
.z5campaignslightbox{
  border-radius: 10px;
  background-color: #444242;
  padding:25px;
  max-width: 600px;
  position: relative;
  margin:auto;
}
.z5campaignslightbox form {
    width: 100%!important
}
.z5campaignslightbox form .mktoFormCol {
    width: 100%!important
}
.z5campaignslightbox form .mktoFormCol .mktoFieldWrap {
    width: 100%!important
}
.z5campaignslightbox form .mktoFormCol .mktoFieldWrap label {
    float: none;
    width: 100%!important;
    color: #fff;
    font-size: 1.75em;
    font-weight: 100
}
.z5campaignslightbox form .mktoFormCol .mktoFieldWrap label .mktoAsterix {
    float: none;
    display: inline;
    color: #fff
}
.z5campaignslightbox form .mktoFormCol .mktoFieldWrap .mktoGutter {
    display: none
}
.z5campaignslightbox form .mktoFormCol .mktoFieldWrap input[type='text'],
.z5campaignslightbox form .mktoFormCol .mktoFieldWrap input[type='email'],
.z5campaignslightbox form .mktoFormCol .mktoFieldWrap input[type='tel'] {
    padding: 5px 10px;
    width: 100%!important;
    background: #000;
    color: #fff;
    font-size: 1.75em;
    border: 0;
}

.z5campaignslightbox .mktoForm .mktoCheckboxList{
  width: 100%!important;
}

.z5campaignslightbox form .mktoButtonRow {
    width: 100%!important
}
.z5campaignslightbox form .mktoButtonRow .mktoButtonWrap {
    margin: 0!important;
    width: 100%!important
}
.z5campaignslightbox form .mktoButtonRow .mktoButtonWrap button[type='submit'] {
    display: block;
    margin: 25px 0;
    padding: 0;
    width: 100%;
    height: 63px;
    background: #0093d0;
    color: #fff;
    font-size: 2.5em;
    line-height: 63px;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-align: center;
    border: 0;
    cursor: pointer
}


.ct-resources-content{
  color: #fff;
  margin-top: -5px;
  margin-bottom: 30px;
}

#ct-band-cta{
  min-height: 0px;
  text-align: center;
}

.z5_campaigns_cta{

}
.z5_campaigns_cta .box-btn.white{
  font-size: 30px;
}
.z5_campaigns_cta .box-btn.white:hover{
  background-color: #fff;
  color: #0093d0;
}

#ct-band-footnotes{
  min-height: 0px;
  padding-top:10px;
  padding-bottom: 10px;
  background-color: #000;
}

#ct-band-footnotes p{
  font-size: 14px;
}

.z5_campaigns_footnotes{
  color: #aaa;
  font-size: 14px;
  font-weight: 300;
}