.pad-50 .entry-content { margin: 0 -50px; }
.bg { background-size: cover; background-position: 50%; background-repeat: no-repeat; }
.bg-color-grey { background-color: #fafafa; }
.bg-color-white { background-color: #fff; }
.text-center { text-align: center; }

/* domino */
.domino { display: flex; flex-wrap: wrap; text-align: center; }
.domino--alt .domino__box--image { order: 1; }

.domino__box--image { padding: 100px; }

.domino__inner { max-width: 100%; margin-left: 35px; padding: 50px; }
.domino--alt .domino__inner { margin-left: 0; margin-right: 35px; margin-left: 0; padding: 50px; }
.domino__box { width: 50%; flex: none; }
.domino__box--image { padding: 0; } .domino--alt .domino__box--image { order: -1; }
.domino { text-align: left; }

/* heading text */
.heading-text { padding: 70px 0; }
.heading-text__content { max-width: 770px; margin: 0 auto; }

/* New STYLES bonusinsider.com */
/*base*/
body { font-size: 16px !important; overflow-x: visible !important; }
.single .site-content p { line-height: 1.8; }
.section-listing h2,
.domino h2,
.single .site-content h2 { font-size: 28px; }
.single .site-content h3 { font-size: 24px; }
.banner { display: block; background-size: cover; background-position: center -436px; background-attachment: fixed; background-repeat: no-repeat; width: 100%; height: 300px; }
.banner--md { animation: background-zoom-in-out 30s ease-in-out infinite; }
@keyframes background-zoom-in-out {
  0% { background-size: auto 100%; }
  50% { background-size: auto 150%; }
  100% { background-size: auto 100%; }
}
.banner--lg { width: 100%; }
.banner--md { width: 700px; margin: 20px auto; }
.single #content .entry-meta { text-align: center; }
.wtrmrk { margin: 7px auto 0 !important; }

/*Scroll trigger*/
.wrap { position: relative; width: 100vw; padding: 0em; position: relative; height: calc(2 * 100vh); background-color: #c9e3ed; }
.wrap.lg { height: calc(4 * 100vh); }
.wrap.sm { height: calc(2 * 100vh); } 
.wrap .col--1 { position: relative; z-index: 2; position: sticky; top: 0; height: 100vh; width: 40%; display: flex; justify-content: center; align-items: center; }
.wrap .col--1:after { position: absolute; top: 50%; left: 160%; font-weight: bold; transform: translate(-50%, -50%); font-size: 40vh; color: #276078; opacity: 0.2; }
.wrap:nth-child(even) { background-color: #276078; color: #fff; }
.wrap:nth-child(even) h3 { color: #fff !important; }
.wrap:nth-child(even) .col--1:after { color: #c9e3ed; }
.wrap:nth-child(1) .col--1:after { content: '#1'; }
.wrap:nth-child(2) .col--1:after { content: '#2'; }
.wrap:nth-child(3) .col--1:after { content: '#3'; }
.wrap:nth-child(4) .col--1:after { content: '#4'; }
.wrap:nth-child(5) .col--1:after { content: '#5'; }
.wrap:nth-child(6) .col--1:after { content: '#6'; }
.wrap:nth-child(7) .col--1:after { content: '#7'; }
.wrap:nth-child(8) .col--1:after { content: '#8'; }
.wrap:nth-child(9) .col--1:after { content: '#9'; }
.wrap:nth-child(10) .col--1:after { content: '#10'; }
.wrap .col--2 { width: 60vw; position: absolute; top: 0; right: 0; bottom: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 5 }
.single .wrap p,
.wrap .col--2 p { font-size: 18px; }
.wrap .item { line-height: 2.1; padding: 40vh 15vw 40vh 5vw; }

.single #content .list,
.wrap .list { width: 400px; color: #313131; background-color: #FFFFFF; font-size: 18px; line-height: 1.5; font-weight: 400; border-radius: 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border: 0.5px solid rgba(0, 0, 0, 0.2); margin: auto; padding: 10px; }
.wrap .list li { text-align-last: left; }
.wrap .meta { display: block; text-align: center; margin-top: -10px; margin-bottom: 15px; font-style: italic; }
.wrap h3 { text-align: center; }
.wrap .col__body { display: flex; flex-direction: column; align-items: center; justify-content: center; }

/* Sections*/
.section-listing { padding: 30px 15px; }
.section-listing h2 { text-align: center; }
.section-videos h2 { padding: 35px 0 0; margin-bottom: 0; }

/* List */
.single #content ul.list-trends,
.list-trends { counter-reset: index; counter-set: index; padding: 0; max-width: 900px; margin: auto; border: 0; background: transparent; }
.single #content ul.list-trends li,
.list-trends li { counter-increment: index;  display: flex; align-items: center; padding: 12px 0; box-sizing: border-box; }
.single #content ul.list-trends li:before,
.list-trends li:before { content: counters(index, ".", decimal-leading-zero); font-size: 30px; line-height: 1; text-align: right; font-weight: bold; min-width: 50px; padding-right: 12px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; align-self: flex-start; background-image: linear-gradient(to bottom, #c9e3ed, #276078); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.single #content ul.list-trends li + li,
.list-trends li + li { border-top: 1px solid #ccc; }

@media(max-width: 1800px) {

  .single #content .list, .wrap .list,
  .video-wrapper video { width: 260px; }

}

@media(max-width: 1200px) {

  .wrap .col--1:after { font-size: 20vh; }
  .pad-50 .entry-content { margin: 0; } 

}

@media(max-width: 1024px) {

 * , *:before, *:after{ 
   box-sizing:border-box; 
   -moz-box-sizing:border-box; 
   -webkit-box-sizing:border-box; 
   -ms-box-sizing:border-box; }

 .banner { height: 270px; }
 .single #content ul.list-trends,
 .list-trends { max-width: 100%; } 
 .domino { flex-direction: column; }
 .domino__box { width: 100%; }
 .domino--alt { flex-direction: column-reverse; }
 .domino--alt .domino__inner,
 .domino__inner { padding: 20px 15px; max-width: 100%; margin-left: 0; }
 .domino__box--image { display: block; height: 300px; width: 100%; flex: none; }
 .domino__inner p { padding-right: 0; }
 .section-videos h2 { padding-top: 20px; }

}

@media(max-width: 980px) {

  .pad-50, .box-table.pad-50 { padding-left: 0 !important; padding-right: 0 !important; }
  .site,
  body,
  .section-videos { overflow-x: hidden !important; }
  .wrap { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; width: 100% !important; }
  .wrap .col--1 { display: block; position: relative; height: auto; width: 100% !important; }
  .wrap .col--1:after { font-size: 10vh; top: 98%; left: 50%; transform: translate(-50%, -50%); opacity: 0.6; }
  .wrap .col--2 { display: block; position: static; width: 100%; }
  .wrap .item { padding: 20px 15px; }
  .wrap .col__body { width: 100% !important; padding: 20px; }
  .video-wrapper { width: 400px; overflow: hidden; }

}

@media(max-width: 768px) {

  .pad-50, .box-table.pad-50 { padding-left: 10px !important; padding-right: 10px !important; }
  .single #content .list, .wrap .list { width: 100%; }
  .scrolling-video .labels { margin: 0; }
  .scrolling-video .labels .label { position: relative; height: auto; min-height: auto; }
  .single #content .list, .wrap .list { display: block; width: 100%; }
  .video-wrapper video { width: 100% !important; }
  .domino--alt .domino__inner, 
  .domino__inner { padding: 0 15px; }
  .domino--alt .domino__inner { margin-right: 0; }
  .video-wrapper { width: 100%; }

}

@media(max-width: 480px) {

  .wrap .col__body { flex-direction: column-reverse; }
  .video-wrapper video { width: auto !important; height: 280px; }

}