/*
  NOTE: This CSS file is maintained for legacy purposes.
  Wherever possible, use Tailwind CSS for styling instead of custom CSS.
  The goal is to transition fully to Tailwind and phase out these styles over time.
*/

.rounded, .type-school .episode .img-responsive, .type-hardware .panel-hardwarebox, .btn, .panel-default {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.award {
  color: black;
  text-align: center;
}

.award img {
  margin-top: 60px;
  margin-bottom: 25px;
}

.award h4 {
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 0px;
  min-height: 48px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
}

@media only screen and (max-device-width: 480px) {
  .award h4 {
    font-weight: 300;
  }
}

.award h4 strong {
  font-weight: 600;
}

.award blockquote {
  padding: 0 0 0 0;
  margin: 10px 0 20px 0;
  font-size: 16px;
  border-left: none;
  line-height: 1.1;
}

.award p {
  color: #7c7c7c;
  padding-bottom: 55px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
}

@media only screen and (max-device-width: 480px) {
  .award p {
    font-weight: 300;
  }
}

.award p strong {
  font-weight: 600;
}

.mediacoverage h4 {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  margin: 60px 40px 40px 40px;
  min-height: 90px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
}

@media only screen and (max-device-width: 480px) {
  .mediacoverage h4 {
    font-weight: 300;
  }
}

.mediacoverage h4 strong {
  font-weight: 600;
}

.mediacoverage .img-responsive {
  margin-bottom: 60px;
}

.type-djay h1 {
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 52pt;
  margin-top: 60px;
  margin-bottom: 0;
}

.type-djay h1.tech {
  margin-bottom: 20px;
}

.type-djay h2 {
  font-size: 28pt;
  color: #33bbff;
  margin-top: 0;
  margin-bottom: 60px;
  font-weight: 100;
  line-height: 1.3;
}

.type-djay h4 {
  font-size: 24px;
}

.type-djay p {
  color: #999;
}

.type-djay p.subhead {
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  margin-bottom: 40px;
}

.type-djay p.subhead b {
  font-weight: 500;
}

.type-djay p.subhead.head {
  font-size: 27px;
  font-weight: 300;
  font-family: Avenir, sans-serif;
}

.type-djay .fullwidth {
  width: 100%;
}

.djaywin h1 {
  margin-top: 0;
  font-size: 46pt;
}

.djaywin .btn-link {
  padding: 0 0 0 0;
  border-radius: 0 0 0 0;
  background-color: #0078d5;
  height: 56px;
  border: none;
}

.djaywin .btn-trial,
.djaywin .btn-trial:hover {
  border-radius: 0 0 0 0;
  margin-right: 10px;
  background-color: #0b2633;
  color: #33bbff;
}

.djaywin .btn-trial svg circle,
.djaywin .btn-trial:hover svg circle {
  stroke: #33bbff;
}

.djaywin .btn-trial svg path,
.djaywin .btn-trial:hover svg path {
  fill: #33bbff;
}

.djaywin p.requirements {
  margin-top: 20px;
  margin-bottom: 60px;
}

.djaywindl .mce-EMAIL {
  font-size: 20px;
  height: 57px;
}

.djaywindl .mce-EMAIL {
  border-radius: 0 0 0 0;
}

#teaservideobox {
  text-align: right;
  margin-top: 25px;
  margin-bottom: 70px;
}

#teaservideobox span {
  position: absolute;
  height: 180px;
  width: 320px;
  background-image: "button-play.png";
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#teaservideobox a:hover span {
  background-image: "button-play-hover.png";
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

p.teaserdesc {
  margin-top: 25px;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 1.65;
  color: #999;
}

footer {
  background: black;
  color: #999;
}

footer a,
footer a:hover,
footer a:active {
  color: #999;
  text-decoration: underline;
}

footer p {
  font-size: 12px;
}

footer .fb {
  text-align: right;
}

footer.navbottom {
  background: white;
  color: #999;
}

footer.navbottom .navs {
  line-height: 2;
  margin-top: 30px;
  margin-bottom: 30px;
}

footer.navbottom .navs a {
  display: block;
  text-decoration: none;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
}

footer.navbottom .navs a b {
  font-weight: 600;
}

footer.navbottom .navs a:hover,
footer.navbottom .navs a:active,
footer.navbottom .navs a:focus {
  text-decoration: underline;
}

footer.navbottom .logo {
  margin-bottom: 20px;
}

footer.navbottom.white ul.social svg g,
footer.navbottom.white ul.social svg path {
  fill: #000;
}

footer.navbottom.black {
  background: black;
}

body.footer-light footer {
  background: white;
}

.type-nlsub {
  background: rgb(238.425, 238.425, 238.425);
}

.type-nlsub p {
  color: #8a9199;
  font-family: "Avenir Next", sans-serif;
  font-size: 21pt;
  font-weight: 500;
  margin-top: 80px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.type-nlsub .form-inline {
  margin-top: 80px;
}

.type-nlsub .form-inline .mc-embedded-subscribe,
.type-nlsub .form-inline .mc-embedded-subscribe:hover,
.type-nlsub .form-inline .mc-embedded-subscribe:active,
.type-nlsub .form-inline .mc-embedded-subscribe:focus {
  background-color: #33bbff;
  color: white;
}

.type-nlsub .form-inline .mce-response {
  margin-bottom: 80px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
  color: #fff;
  font-size: 22px;
}

.type-nlsub .nlinfo {
  font-size: 14px;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 80px;
}

.type-nlsub.black {
  background: #000;
}

.type-nlsub.grey {
  background: rgb(34.425, 34.425, 34.425);
}

.type-nlsub.white .mce-response {
  color: #999;
}

.type-nlsub.bg-news1 p,
.type-nlsub.bg-news1 .form-inline {
  margin-top: 0;
}

.type-nlsub.bg-news1 .form-inline .form-control {
  border: 1px solid #ccc;
}

.bg-news1 .article span.image-list:nth-child(1) > a > img,
.bg-news1 .article span.image-list:nth-child(1) > img {
  float: right;
  margin: 0 0 15px 15px;
  max-width: 100%;
}

.apps-shop-banner-title {
  margin: 60px auto 15px;
}

.wrap-apps-shop-banner {
  margin-top: 20px;
  margin-bottom: 80px;
}

.wrap-apps-shop-banner a {
  color: black;
}

.wrap-apps-shop-banner .platform {
  color: black;
  font-size: 18px;
  text-align: center;
  margin: 5px 0 15px;
}

p.requirements {
  font-size: 14px;
  color: #8a9199;
}

input:required {
  box-shadow: none;
}

.askmailchimp {
  padding-top: 10px;
}

.type-ai .nav > li {
  display: inline-block;
}

.type-ai .nav > li.button a {
  color: #ffffff;
}

.type-ai .nav > li.button.active a,
.type-ai .nav > li.button a:hover {
  color: #33bbff;
}

.type-ai h1,
.type-ai h2 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #ffffff;
}

.type-ai h2 {
  color: #737780;
}

.type-ai h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.14px;
  margin: 14px 0 10px 0;
}

.type-ai h1.big {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.5px;
}

.type-ai p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #737780;
}

.type-ai .btn-link {
  padding: 6px 6px 6px 6px;
}

.bg-home3 h2,
.bg-homehardware h2,
.bg-homedjs h2 {
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 52pt;
  margin-top: 60px;
  margin-bottom: 0;
}

.bg-home3 h3,
.bg-homehardware h3,
.bg-homedjs h3 {
  font-size: 28pt;
  color: #33bbff;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
  line-height: 1.3;
}

.bg-home2 {
  background-color: white;
}

.bg-home2 .wrap-apps-shop-banner .platform {
  color: black;
}

.bg-home3 {
  background: white;
}

.bg-home3 h2,
.bg-home3 p {
  color: black;
}

.bg-home3 p {
  margin-bottom: 60px;
}

.bg-homehardware h2 {
  margin-top: 80px;
  color: white;
}

.bg-homehardware h2,
.bg-homehardware h3 {
  margin-bottom: 20px;
}

.bg-cover-homedjs {
  background-image: url("/assets/home/bg-djs-6ae965ff.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-cover-homedjs {
    background-image: url("/assets/home/bg-djs@2x-f7584a44.jpg");
  }
}

.bg-homedjs h2 {
  margin-top: 350px;
  color: white;
}

.bg-homedjs h3 {
  margin-bottom: 0;
}

.bg-homedjs h4 {
  margin-top: 60px;
}

.bg-homedjs .vid {
  margin-top: 80px;
}

.bg-home4 {
  background: white;
}

.error-message {
  color: #ff0000 !important;
}

.rounded, .type-school .episode .img-responsive, .type-hardware .panel-hardwarebox, .panel-default, .btn {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

 .bg-ambassadors, .bg-ambassadorsbig1, .bg-ambassadorsbig2, .bg-ambassadorsbig3, .bg-ambassadorsbig4, .bg-ambassadorsbig5, .bg-ambassadordjtay {
  background-color: black;
}

body.company {
  background: white;
}

.type-company {
  color: #8a9199;
}

.type-company ul.nav.nav-productheader {
  color: black;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.type-company ul.nav.nav-productheader li h3 {
  margin-right: 40px;
  margin-top: 15px;
}

.type-company ul.nav.nav-productheader li.button a {
  padding: 7px 17px;
  color: black;
}

.type-company ul.nav.nav-productheader li.button.active a {
  color: white;
  background: #33bbff;
}

.type-company ul.nav.nav-productheader li.button a.btn-company {
  padding-left: 40px;
  color: #33bbff;
  background-color: #ebf9ff;
  border: 0;
}

.type-company ul.nav.nav-productheader-light {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.type-company ul.nav.nav-productheader-light li h3, .type-company ul.nav.nav-productheader-light li.button a {
  color: white;
}

.type-company ul.nav.nav-productheader-light li.button.active a {
  background: #33bbff;
}

.type-company ul.nav.nav-productheader-light li.button a.btn-company {
  background-color: #0b2633;
}

.type-company .box {
  background-color: rgb(238.425, 238.425, 238.425);
  border: 1px solid #d4d7d9;
  border-radius: 4px;
  padding: 18px;
}

.type-company .box.top {
  background-color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.type-company h1 {
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 52pt;
  margin-top: 60px;
  margin-bottom: 20px;
}

.type-company h2 {
  font-size: 28pt;
  color: #33bbff;
  margin-bottom: 10px;
  font-weight: 100;
  line-height: 1.3;
}

.type-company h1, .type-company h3, .type-company h4 {
  color: black;
}

.type-company .contact {
  margin-top: 60px;
}

.type-company .newsbox {
  margin-top: 40px;
}

.type-company li.release {
  margin-bottom: 40px;
}

.type-company .btn-more {
  background-color: #0b2633;
  color: #33bbff;
}

.bg-company-ada2, .bg-brandpartner {
  background: black;
}

.bg-brandpartner p {
  margin-top: 20px;
  margin-bottom: 40px;
}

.bg-brandpartner .brand p {
  margin-bottom: 80px;
}

.bg-brandpartner h4 {
  font-size: 20px;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
  line-height: 1.5;
  margin: 0 30px 40px 30px;
}

.bg-brandpartner .brand .img-responsive {
  margin-bottom: 40px;
}

.bg-brandpartner .btn-more {
  margin-top: 0;
  margin-bottom: 80px;
}

.bg-fans h3 {
  font-size: 20px;
  color: black;
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
  line-height: 1.5;
}

.bg-brandpartner h1, .bg-brandpartner h4 {
  color: white;
}

.bg-mediacoverage {
  background: black;
}

.bg-mediacoverage h1.media, .bg-mediacoverage h4 {
  color: white;
}

.bg-mediacoverage h1.media {
  margin-bottom: 60px;
}

.bg-applekn {
  background: black;
  padding-top: 60px;
  padding-bottom: 80px;
}

.bg-applekn h1 {
  color: white;
  margin-top: 0;
}

.bg-artists {
  background-color: white;
  padding-bottom: 80px;
}

.bg-artists h1.artists {
  color: black;
}

.bg-artists h2 {
  color: black;
}

.bg-artists .artist h3 {
  color: black;
}

.bg-artists .artist p {
  line-height: 1.5;
}

.bg-artists .artist img {
  margin-top: 60px;
}

.bg-company2 h1.awards {
  margin-top: 80px;
  margin-bottom: 40px;
}

.bg-company2 h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.bg-company2 h4 {
  font-size: 16px;
  margin-top: 30px;
}

.bg-company2 p.about {
  margin-bottom: 30px;
  line-height: 1.7;
}

.bg-company3 {
  background: url("/assets/company/bg-ambassador-0e2c0884.jpg") no-repeat center center;
  background-size: cover;
}

.bg-company3 h1 {
  margin-top: 280px;
  color: white;
}

.bg-ambassadordjtay h1, .bg-ambassadordjtay h2, .bg-ambassadordjtay h4, .bg-ambassadordjtay blockquote p {
  color: white;
}

.ambassador-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.ambassador-box .btn {
  width: -moz-fit-content;
  width: fit-content;
}

.ambassador {
  margin-bottom: 60px;
}

.ambassador h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: white;
}

.bg-ambassadors {
  padding-top: 60px;
}

.bg-company5 h2 {
  font-size: 22px;
  line-height: 1.5;
  color: black;
  margin-bottom: 0;
  font-weight: 300;
}

.bg-company5 .btn-more {
  margin-top: 20px;
  margin-bottom: 60px;
}

.bg-hardwarepartners .hardwarepartners img, .bg-hardwarepartners .hardwarepartners svg {
  margin-bottom: 60px;
}

.bg-hardwarepartners .hardwarepartners a > .img-responsive {

  margin-top: 60px;
  margin-bottom: 40px;
}

.bg-cover-techpartner {
  background-image: url("/assets/bg-technology-partners-44969dc7.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-cover-techpartner {
    background-image: url("/assets/bg-technology-partners@2x-e69dadc7.jpg");
  }
}

.bg-techpartner {
  background-color: black;
}

.bg-techpartner h1 {
  color: white;
  margin-top: 250px;
  margin-bottom: 0;
}

.bg-techpartner .logo {
  margin-top: 100px;
  margin-bottom: 20px;
}

.bg-techpartner hr {
  background: none;
}

.bg-imprint {
  background-color: rgb(238.425, 238.425, 238.425);
}

.bg-news1 {
  background-color: white;
}

.bg-news1 .form-inline .mce-response {
  color: #8a9199;
}

.bg-news1 .contact .mce-response {
  padding-top: 20px;
}

.bg-newsshow h1 {
  font-size: 50px;
}

.bg-newsshow div.article {
  margin-bottom: 20px;
}

.bg-newsshow div.date {
  font-size: 12px;
}

.bg-press1 h1.products {
  margin-bottom: 75px;
}

.bg-press1 .photo {
  margin-top: 40px;
  margin-bottom: 40px;
}

.bg-press1 ul.list-unstyled {
  margin-top: 40px;
}

.bg-press1 ul.list-unstyled li img, .bg-press1 ul.list-unstyled li svg {
  float: left;
  margin-right: 20px;
}

.bg-press1 ul.list-unstyled li a {
  text-decoration: underline;
}

.bg-press1 ul.list-unstyled li h4 > a, .bg-press1 ul.list-unstyled li h4 > a:hover, .bg-press1 ul.list-unstyled li h4 > a:active, .bg-press1 ul.list-unstyled li h4 > a:focus, .bg-press1 ul.list-unstyled li h4 > a:visited {
  color: black;
  text-decoration: none;
}

.bg-press1 ul.list-unstyled li hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

.bg-press1 h1.accessories {
  margin-top: 100px;
}

.type-company.bg-press1 p.apptitle {
  color: #000;
}

.bg-pressreleases h1 {
  margin-top: 120px;
  margin-bottom: 60px;
}

.bg-pressreleases ul li {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 50px;
  margin-bottom: 30px;
  background-image: url("/assets/icon/icon-pressrelease-dd39340a.svg");
  background-repeat: no-repeat;
  background-position: left top;
}

.bg-pressreleases ul li .date {
  font-weight: 100;
}

.bg-pressreleases ul li > a {
  color: black;
  display: block;
  margin-bottom: 20px;
  font-weight: 500;
}

.bg-pressreleases ul li > a:hover, .bg-pressreleases ul li > a:active, .bg-pressreleases ul li > a:focus {
  color: black;
  text-decoration: none;
}

.bg-registration {
  padding-top: 40px;
}

.bg-cover-hero {
  background-image: url("/assets/home/background-hero-8b721a24.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-cover-hero {
    background-image: url("/assets/home/background-hero@2x-bae14e7d.jpg");
  }
}

.bg-feedback {
  padding-top: 40px;
}

.bg-feedback h2.sub, .bg-feedback p.sub, .bg-feedback input.btn-support {
  margin-bottom: 40px;
}

.bg-feedback .thankyou, .bg-feedback .thankyou h1, .bg-feedback .thankyou p, .bg-feedback .box {
  color: #fff;
}

.bg-feedback .box {
  background-color: black;
  border: none;
}

.bg-feedback .box a {
  color: #000000;
}

.bg-feedback .form-group {
  margin-bottom: 25px;
}

.type-pressai h1, .type-pressai h2 {
  line-height: 1.25;
  letter-spacing: -0.33px;
}

.type-pressai h1 {
  color: black;
  font-size: 46pt;
}

.type-pressai h2 {
  color: #737780;
  font-size: 32px;
}

.type-pressai p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #8A9199;
}

.btn-press {
  background-color: black;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: "Avenir";
  font-weight: bold;
  border-radius: 10px;
  padding: 6px 20px 6px 50px;
  background-image: url("/assets/icon/download-68e07365.svg");
  background-repeat: no-repeat;
  background-position: 16px center;
}

.btn-press:hover {
  color: white;
}

.btn-fom {
  background-color: white;
  color: black;
  border: 1px solid #8a9199;
  font-family: "Avenir";
  font-weight: bold;
  border-radius: 10px;
  padding: 6px 20px 6px 20px;
}

.type-jobs ul.nav.nav-productheader li h3 {
  margin-right: 40px;
  margin-top: 15px;
  color: black;
}

.type-jobs ul.nav.nav-productheader li.button a {
  padding: 7px 17px;
  color: black;
}

.type-jobs ul.nav.nav-productheader li.button a.btn-company {
  padding-left: 40px;
  color: #33bbff;
  background-color: #ebf9ff;
  border: 0;
}

.type-jobs .section-title {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: black;
  margin-bottom: 10px;
}

.type-jobs .job-title {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: black;
  margin-bottom: 0;
}

.type-jobs .job-subtitle {
  font-size: 16px;
  margin-bottom: 10px;
  color: #999;
}

.type-jobs h1.big {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.5px;
}

.type-jobs h2 {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #8a9199;
  margin-bottom: 70px;
}

.type-jobs h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.14px;
  color: black;
}

.type-jobs p, .type-jobs ul > li {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: black;
}

.type-jobs ul {
  list-style: none;
  padding-left: 0;
  margin-top: 30px;
}

.type-jobs .jobs ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
}

.type-jobs .jobs ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("/assets/jobs/icon-feature-pro-9d1d5f52.svg");
  background-size: cover;
  background-position: center;
  left: 0;
  top: 10px;
  transform: translateY(-50%);
}

.type-jobs .applybox {
  background-color: rgba(51, 153, 255, 0.1);
  text-align: center;
  border-radius: 12px;
  padding: 40px;
}

.rounded, .type-school .episode .img-responsive, .type-hardware .panel-hardwarebox, .panel-default, .btn {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.nav-hardware > li h2 {
  font-size: 18px;
  margin-top: 40px;
  color: white;
}

.nav-hardware > li a {
  margin-top: 25px;
  padding: 7px 7px;
  color: white;
  transition: background-color 0.7s ease;
  font-size: 18px;
}

.nav-hardware > li a:hover {
  background: #33bbff;
}

.type-hardware h2 {
  font-weight: 400;
  color: black;
}

.type-hardware .panel-hardwarebox {
  background-color: #17181a;
  border-spacing: 0;
  border-collapse: initial;
  margin-bottom: 50px;
}

.type-hardware .panel-hardwarebox h3 {
  font-size: 32px;
}

.type-hardware .panel-hardwarebox td.desc {
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 2px solid #17181a;
  border-right: 0;
  padding-left: 20px;
  padding-top: 40px;
}

.type-hardware .panel-hardwarebox td.desc p {
  margin-bottom: 40px;
  color: #8a9199;
  line-height: 1.6;
}

.type-hardware .panel-hardwarebox td.desc img.teaser {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 50px;
  float: right;
}

.type-hardware .panel-hardwarebox td.desc svg.pioneer path {
  fill: white;
}

.type-hardware .panel-hardwarebox td.desc .vestax {
  margin-bottom: 20px;
}

.type-hardware .panel-hardwarebox td.desc .pull-left {
  max-width: 55%;
}

.type-hardware .panel-hardwarebox td.desc .btn {
  border-radius: 10px;
  border: solid 1px #8a9199;
  color: white;
  background-color: black;
}

.type-hardware .panel-hardwarebox td.desc .btn-amazon {
  border-color: #33bbff;
  background-color: #33bbff;
}

.type-hardware .panel-hardwarebox td.desc .btn-visit, .type-hardware .panel-hardwarebox td.desc .btn-watch, .type-hardware .panel-hardwarebox td.desc .btn-amazon {
  margin-right: 20px;
}

.type-hardware .panel-hardwarebox td.compatibility {
  background: #222426;
  text-align: center;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 2px solid #2e3133;
  border-left: 0;
  vertical-align: top;
  width: 68px;
  padding-top: 20px;
  font-size: 13px;
}

.type-hardware .panel-hardwarebox td.compatibility ul {
  margin-bottom: 0;
  padding-left: 0;
}

.type-hardware .panel-hardwarebox td.compatibility ul li {
  display: block;
  position: relative;
  margin-bottom: -1px;
  background: none;
  border: none;
  padding: 12px 10px;
}

.type-hardware .panel-hardwarebox td.compatibility ul li a, .type-hardware .panel-hardwarebox td.compatibility ul li a:hover {
  color: white;
}

.type-hardware .panel-hardwarebox td.compatibility ul li a img, .type-hardware .panel-hardwarebox td.compatibility ul li a:hover img {
  margin-bottom: 7px;
}

.type-hardware .panel-hardwarebox td.compatibility ul li span {
  color: #383a3c;
}

.bg-hardware3 h2 {
  color: white;
}

.bg-hardware4 {
  background: #f7f9fa;
}

.bg-hardware4 h3, .bg-hardware4 p, .bg-hardware4 .btn, .bg-hardware4 li {
  color: black;
}

.bg-hardware4 h3 {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.3px;
}

.bg-hardware4 .btn {
  border-radius: 16px;
  border: 1px solid black;
  background: #f7f9fa;
  margin: 5px;
}

.bg-hardware4 .btn.active {
  background-color: black;
  color: white;
}

.bg-hardware4 #midilinks ul {
  list-style: none;
  padding-left: 0;
}

.bg-hardware4 #midilinks ul:empty,
.bg-hardware4 #midilinks ul:not(:has(li)),
.bg-hardware4 #midilinks ul:has(li[style*="display: none"]):not(:has(li:not([style*="display: none"]))) {
  display: none;
}

.bg-hardware4 #midilinks a {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: black;
  text-decoration: underline;
}

.bg-hardware4 .midiinfobox {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: black;
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px 30px 0 55px;
  background-image: url("/assets/icon/info-f64995af.svg");
  background-repeat: no-repeat;
  background-position: 20px 20px;
  background-size: 24px;
}

.bg-hardware4 .midiinfobox .midinote {
  margin-bottom: 20px;
}

.bg-cdj1 {
  background: url("/assets/hardware/cdj/background-djay-and-pioneer-2ceb3f9d.jpg") no-repeat center center;
  background-size: cover;
  margin: 0 0 20px 0;
}

.bg-cdj1 h2 {
  margin: 270px 0 10px 0;
}

.bg-cdj1 h3 {
  font-size: 30px;
  font-weight: 300;
}

.bg-cdj3 {
  margin-bottom: 80px;
}

.bg-cdj3 h2 {
  margin-top: 40px;
  font-size: 42px;
  font-weight: 500;
  color: white;
}

.bg-cdj3 h3 {
  color: #33bbff;
}

.bg-cdj3 p.subhead {
  color: #555555;
}

.bg-cdj3 img {
  margin-top: 50px;
}

.bg-djayprodownload1.djayle h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.bg-djayprodownload1.djayle p {
  font-size: 20px;
}

.bg-precueing {
  background-image: url("/assets/hardware/background-precueing-4a2f5d3b.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-precueing {
    background-image: url("/assets/hardware/background-precueing@2x-99051817.jpg");
  }
}

.type-precueing h1 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #fff;
}

.type-precueing h1.big {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.5px;
}

.type-precueing h2 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #8a9199;
}

.type-precueing p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #8a9199;
}

.type-precueing .btn-default, .type-precueing .btn-contact, .type-precueing .btn-faq {
  background: black;
  border-radius: 9px;
  border-color: #575757;
}

.type-precueing .btn-default:hover, .type-precueing .btn-contact:hover, .type-precueing .btn-faq:hover {
  color: white;
}

.type-precueing .btn-contact svg, .type-precueing .btn-faq svg {
  float: left;
  margin-right: 10px;
}

.type-precueing svg.fillgrey {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.type-precueing svg.fillgrey path {
  fill: #8a9199;
}

.rounded, .type-school .episode .img-responsive, .panel-default, .btn, .type-hardware .panel-hardwarebox {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.bg-djayprodownload1 {
  margin-top: 40px;
  margin-bottom: 60px;
}

.bg-djayprodownload1 h1 {
  font-size: 42px;
  margin-top: 30px;
  margin-bottom: 0;
  color: white;
  font-weight: 500;
}

.bg-djayprodownload1 p {
  font-size: 24px;
}

.bg-djayprodownload1 .btn-dl-image {
  margin-top: 20px;
  padding: 0 0 0 0;
  background-image: "button-download.png";
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  background-position: center center;
  display: block;
  height: 80px;
  background-position: center 0%;
}

.bg-djayprodownload1 .btn-dl-image:hover, .bg-djayprodownload1 .btn-dl-image:focus {
  background-position: center 100%;
}

.bg-djayprodownload1 .dlwrap {
  font-size: 12px;
  color: #999;
}

.bg-djayprodownload2 {
  margin-bottom: 80px;
}

.bg-djayprodownload2 h3 {
  color: white;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 10px;
}

.bg-djayprodownload2 p {
  font-size: 16px;
}

.bg-djayprodownload2 ol, .bg-djayprodownload2 ul {
  color: #999;
  padding-left: 20px;
}

.type-ios .btn-default, .type-neural .btn-default {
  background-color: #000;
  border-radius: 9px;
  border-color: #575757;
}

.type-ios .btn-default:hover, .type-neural .btn-default:hover {
  color: #fff;
}

.type-ios .btn-appstore, .type-neural .btn-appstore {
  padding: 0 0 0 0;
  height: 40px;
  background: none;
}

.type-ios .nextappstore, .type-neural .nextappstore {
  height: 40px;
  margin-top: 3px;
}

.type-ios h1.hero {
  font-size: 48px;
  line-height: 0.83;
  letter-spacing: -0.5px;
  height: 50px;
}

.type-ios h1 {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.3px;
}

.type-ios h2 {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.3px;
  color: #8a9199;
}

.type-ios h3 {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.1px;
}

.type-ios p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #8a9199;
}

.type-ios p.iconlist {
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
}

.type-ios p.apptitle {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #fff;
}

.type-ios p.apptitle.bl {
  color: black;
}

.type-ios .appstore {
  display: block;
}

.type-ios .requirements {
  font-size: 14px;
}

.type-ios svg.logoLine {
  position: relative;
  top: 7px;
}

.type-ios .btn-trial {
  font-size: 16px;
  padding: 5px 12px;
}

.type-ios .type-nlsub p {
  margin: 0 0 0 0;
  color: #fff;
}

.type-ios .type-nlsub .askmailchimp {
  margin-bottom: 30px;
}

.type-ios ul.nav.nav-productheader {
  margin-top: 0;
}

.type-ios ul.nav.nav-productheader li h3 {
  margin-right: 40px;
  margin-top: 20px;
}

.type-ios ul.nav.nav-productheader li.button a {
  padding: 7px 17px;
  color: #8a9199;
  border-radius: 10px;
  font-size: 14px;
}

.type-ios ul.nav.nav-productheader li.button.active a {
  background: none;
  color: white;
}

.type-ios ul.nav.nav-productheader li.button a.btn-company {
  padding-left: 34px;
  margin-bottom: 13px;
  color: white;
  background-color: black;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.type-ios ul.nav.nav-productheader .btn.mail {
  background-image: url("/assets/icon/email-086815bc.svg");
}

.type-ios a.btn-company {
  background-color: black;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: "Avenir";
  font-weight: bold;
  border-radius: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.type-ios a.btn-company:hover {
  color: white;
}

.type-ios .btn.mail {
  background-image: url("/assets/icon/email-24-09329da8.svg");
}

.type-ios .btn.download {
  background-image: url("/assets/icon/download-68e07365.svg");
}

.type-ios .white {
  color: white;
}

.type-ios .apptype {
  font-size: 12px;
  margin-top: 10px;
}

.type-ios.bg-greyblack .type-nlsub.black {
  background: #1a1a1a;
}

.logobar {
  margin-right: 10px;
  margin-left: 10px;
}

.cntnpacks h4 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  text-align: center;
}

.rounded, .type-school .episode .img-responsive, .panel-default, .btn, .type-hardware .panel-hardwarebox {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.bg-cover-windows-blur {
  background-image: url("/assets/djay-pro/bg-blur-2af527ee.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-cover-windows-blur {
    background-image: url("/assets/djay-pro/bg-blur@2x-3ef35aa2.jpg");
  }
}

.rounded, .type-school .episode .img-responsive, .panel-default, .btn, .type-hardware .panel-hardwarebox {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.bg-android {
  background-image: url("/assets/djay-android/background-a2c74b67.jpg");
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-android {
    background-image: url("/assets/djay-android/background@2x-1a98b575.jpg");
  }
}

.type-djayandroid h1 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #fff;
}

.type-djayandroid h1.big {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.5px;
}

.type-djayandroid h1.logo {
  line-height: 26px;
  font-size: 26px;
}

.type-djayandroid h1.logo svg {
  float: left;
  margin-right: 10px;
}

.type-djayandroid h2 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #8a9199;
}

.type-djayandroid h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.14px;
}

.type-djayandroid p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #8a9199;
}

.type-djayandroid .requires {
  font-size: 13px;
  line-height: 1.31;
}

.type-djayandroid .iconlist {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  color: #fff;
  margin-top: 20px;
}

.type-djayandroid .btn-default {
  background: black;
  border-radius: 9px;
  border-color: #575757;
}

.type-djayandroid .btn-tidal {
  background-color: #00ffff;
  color: black;
}

.type-djayandroid .btn-soundcloud {
  background-color: #ff5500;
}

.type-djayandroid .btn-soundcloud:hover {
  color: #fff;
}

.type-djayandroid .btn-tidal .logoicon,
.type-djayandroid .btn-soundcloud .logoicon {
  float: left;
  margin-right: 10px;
}

.type-djayandroid .library svg {
  margin-left: 10px;
  margin-right: 10px;
}

.type-djayandroid .nextplaystore {
  height: 40px;
  line-height: 28px;
}

.type-djayandroid .btn-watch {
  background-color: black;
  border-radius: 9px;
  border-color: #575757;
  color: #fff;
}

.rounded, .type-school .episode .img-responsive, .panel-default, .btn, .type-hardware .panel-hardwarebox {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.type-school .logo {
  margin-top: 80px;
}

.type-school h1 {
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 46pt;
  margin-top: 20px;
  margin-bottom: 0;
}

.type-school h2 {
  font-size: 28pt;
  color: #33bbff;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 0;
}

.type-school h2.logo {
  margin-top: 10px;
  margin-bottom: 100px;
  font-size: 32pt;
}

.type-school p, .type-school p.sub {
  color: #999;
}

.type-school p.sub {
  margin-top: 40px;
  margin-bottom: 60px;
}

.type-school .episode {
  padding-bottom: 80px;
}

.type-school .episode h4 {
  font-family: "Avenir Next", sans-serif;
  font-weight: 100;
  color: #33bbff;
  margin-top: 30px;
  margin-bottom: 0px;
}

.type-school .episode h3 {
  margin-top: 10px;
}

.type-school .episode .btn-download, .type-school .episode .btn-video {
  margin-top: 20px;
}

.type-school-acticle1 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.rounded, .panel-default, .btn, .type-hardware .panel-hardwarebox, .type-school .episode .img-responsive {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

body.streaming.content-light,
body.soundcloud,
.type-streaming.sc {
  background-color: #fafbfc;
}

.bg-tidal {
  background-image: url("/assets/streaming/background-tidal-724929ac.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-tidal {
    background-image: url("/assets/streaming/background-tidal@2x-756a0647.jpg");
  }
}

.bg-beatport {
  background-image: url("/assets/streaming/background-beatport-220d1b58.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-beatport {
    background-image: url("/assets/streaming/background-beatport@2x-0a35b52f.jpg");
  }
}

.bg-beatsource {
  background-image: url("/assets/streaming/background-beatsource-be0e8815.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-beatsource {
    background-image: url("/assets/streaming/background-beatsource@2x-48b59708.jpg");
  }
}

.bg-soundcloud {
  background-image: url("/assets/streaming/background-sc-ad3eb363.jpg");
}

.type-streaming .hero-breakout {
  position: relative;
  top: 80px;
}

.type-streaming h1 {
  font-family: Avenir, sans-serif;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #ffffff;
}

.type-streaming h1.bigger {
  font-size: 48px;
}

.type-streaming h2 {
  font-family: Avenir, sans-serif;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #8a9199;
  margin-top: 0;
}

.type-streaming h3 {
  font-family: Avenir, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #ffffff;
  margin-top: 16px;
}

.type-streaming p {
  font-family: Avenir, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #8a9199;
}

.type-streaming .btn-tidal {
  border-radius: 15px !important;
  background-color: #00ffff !important;
  color: black;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5 !important;
  padding: 18px 35px 18px 35px !important;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.type-streaming .btn-soundcloud {
  border-radius: 15px !important;
  background-color: #ff5500 !important;
  color: white;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5 !important;
  padding: 18px 35px 18px 35px !important;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.type-streaming .btn-soundcloud:hover,
.type-streaming .btn-tidal:hover {
  color: black;
}

.type-streaming .btn-tidal .logoicon,
.type-streaming .btn-soundcloud .logoicon {
  float: left;
  margin-right: 10px;
}

.type-streaming .btn-beatport,
.type-streaming .btn-beatsource {
  border-radius: 15px;
  background-color: #01ff95;
  color: black;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
  padding: 18px 35px 18px 35px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.type-streaming .btn-beatsource {
  color: white;
  background-color: #017edd;
}

@media (min-width: 992px) {
  .type-streaming .nobrnoxs {
    white-space: nowrap;
  }
}

.type-streaming .features {
  border-radius: 20px;
  background-color: #1a1b1d;
  padding: 30px;
}

.type-streaming .features h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.14px;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
}

.type-streaming .features ul {
  list-style: none;
  padding-left: 0px;
  margin-top: 30px;
}

.type-streaming .features li {
  line-height: 1.8;
  background: url("/assets/streaming/check-255bd303.svg") left top no-repeat;
  padding-left: 34px;
}

.type-streaming .features.beatport li {
  background: url("/assets/streaming/check-green-d34ea10f.svg") left top no-repeat;
}

.type-streaming .features.beatsource li {
  background: url("/assets/streaming/check-blue-c9352071.svg") left top no-repeat;
}

.type-streaming .faq h3 {
  background: url("/assets/streaming/help-141dfc16.svg") left 2px no-repeat;
  padding-left: 34px;
  margin-top: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.14px;
}

.type-streaming .faq ol {
  color: #8a9199;
}

.type-streaming .powertunemymusic {
  color: black;
  margin-top: 20px;
  margin-bottom: 20px;
}

.type-streaming .circle {
  margin: 0 auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  color: white;
  background-color: black;
  font-size: 40px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: -0.28px;
}

.type-streaming .circle.grey {
  color: black;
  background-color: #b8becc;
}

.type-streaming hr {
  background: #b8becc;
}

.type-streaming a.btn.btn-outline.m-reset {
  margin: 0 0 0 0 !important;
}

.type-streaming .infobox h4 {
  color: black;
  font-size: 16px;
  font-weight: normal;
  line-height: 35px;
  letter-spacing: normal;
}

.type-streaming .infobox h4 img {
  margin-right: 5px;
}

.type-streaming .infobox h4 span.info {
  display: block;
  margin-left: 10px;
  font-size: 13px;
  color: #8a9199;
}

.type-streaming .infobox h4 span.info svg path {
  fill: #8a9199;
}

.type-streaming .infobox .mce-response {
  color: #8a9199;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .type-streaming .infobox.half {
    margin-bottom: 60px;
  }
}

.type-streaming .infobox.half > h1 {
  margin-bottom: 20px;
}

.type-streaming .infobox.half > p {
  color: #8a9199;
  margin-bottom: 20px;
}

.type-streaming .infobox.half .form-inline .form-control,
.type-streaming .infobox.half .form-inline .mc-embedded-subscribe.btn {
  margin-bottom: 0;
}

.type-streaming .infobox.half .form-inline .form-control {
  border-color: #f1f2f6;
  height: 42px;
}

@media (max-width: 1199px) {
  .type-streaming .infobox.half .form-inline .form-control {
    width: 160px;
  }
}

@media (max-width: 767px) {
  .type-streaming .infobox.half .form-inline .form-control {
    width: 100%;
    margin-bottom: 10px;
  }
}

.type-streaming .infobox.half .form-inline .mc-embedded-subscribe.btn {
  background: #33bbff;
}

.type-streaming .infobox.half .form-inline .succFadeOut {
  margin-bottom: 0;
}

.type-streaming h3.dual {
  min-height: 56px;
}

.type-streaming.upgrade .features {
  background: none;
  padding: 0 0 0 0;
}

.type-streaming.upgrade .features h3 {
  color: black;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.14px;
  margin-top: 70px;
}

.type-streaming.upgrade .features > ul {
  margin-top: 20px;
}

.type-streaming.upgrade .features > ul > li > ul {
  margin-top: 20px;
}

.type-streaming.upgrade .features > ul > li > ul > li > ul {
  margin-top: 10px;
  margin-bottom: 20px;
}

.type-streaming.upgrade .features li {
  color: black;
}

.type-streaming.upgrade .features li {
  background: url("/assets/streaming/check-bl-1b1add26.svg") left top no-repeat;
}

.type-streaming.sc h1,
.type-streaming.sc h3 {
  color: black;
}

.type-streaming.sc p {
  color: #8a9199;
}

.type-streaming.sc .features {
  background-color: #edf0f5;
}

.type-streaming.sc .features h3,
.type-streaming.sc .features li {
  color: black;
}

.type-streaming.sc .features li {
  background: url("/assets/streaming/check-sc-be3b9b04.svg") left top no-repeat;
}

.type-streaming.sc .faq h3 {
  background-image: url("/assets/streaming/help-bl-e051e592.svg");
}

.infobox {
  border-radius: 20px;
  background-color: #f1f2f6;
  padding: 30px;
}

.infobox h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.14px;
  color: black;
  margin-top: 0;
  margin-bottom: 20px;
}

.infobox h3 svg {
  float: left;
  margin-right: 10px;
}

.infobox p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
}

.btn-tidal.big,
.btn-soundcloud.big {
  padding: 18px 30px 18px 30px;
}

body.streaming.content-light h1,
body.streaming.content-light p.bl,
body.streaming.content-light .type-streaming .faq h3,
body.streaming.content-light .type-streaming .transition h3,
body.streaming.content-light .type-streaming h3.bl {
  color: black;
}

body.streaming.djay .type-streaming h1.big {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.5px;
}

body.streaming.djay .type-streaming .btn {
  border-radius: 10px;
  padding: 8px 20px 8px 20px;
  background-color: black;
  line-height: 1.5;
}

body.streaming.djay .type-streaming .btn:hover {
  color: white;
}

body.streaming.djay .type-streaming .btn-outline {
  background-color: #fafbfc;
  border: 1px solid #eaebed;
  color: black;
  margin-top: 20px;
  margin-right: 20px;
}

body.streaming.djay .type-streaming .btn-outline:hover {
  color: black;
}

body.streaming.djay .type-streaming .btn-outline.btn-find {
  border: 1px solid black;
  margin-top: 0;
}

body.streaming.djay .type-streaming .btn-contact svg {
  float: left;
  margin-right: 10px;
}

body.streaming.djay .type-streaming .faq h3 {
  background-image: url("/assets/streaming/help-bl-e051e592.svg");
  margin-bottom: 20px;
}

body.streaming.djay .type-streaming .transition h3 {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.14px;
}

body.streaming.djay .type-streaming .table,
body.streaming.djay .type-streaming .table h3,
body.streaming.djay .type-streaming .table h2 {
  color: black;
}

body.streaming.djay .type-streaming .table h2 {
  font-size: 30px;
  margin-bottom: 0;
}

body.streaming.djay .type-streaming .table > thead > tr > th,
body.streaming.djay .type-streaming .table > tbody > tr > td {
  border-bottom: 0;
  border-top: 0;
}

body.streaming.djay .type-streaming .table > thead > tr > th > div.border-b {
  border-bottom: 2px solid black;
}

body.streaming.djay .type-streaming .table > tbody > tr > td > div.border-b {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
}

body.streaming.djay .type-streaming .table > tbody > tr > td > div.border-b.dual {
  min-height: 57px;
}

body.streaming.djay .type-streaming .table > tbody > tr > td > div.border-b.trip {
  min-height: 100px;
}

body.streaming.djay .type-streaming .table > tbody > tr > td > a.btn-outline {
  font-size: 20px;
  margin-top: 0;
  margin-right: 0;
  border: 1px solid black;
}

body.streaming.djay .type-streaming .table > tbody > tr > th {
  border-top: 0;
  border-bottom: 1px solid #dddddd;
}

body.streaming.djay .type-streaming .table > thead > tr > th,
body.streaming.djay .type-streaming .table > tbody > tr > td,
body.streaming.djay .type-streaming .table > tbody > tr > th {
  padding: 16px;
}

body.streaming.djay .type-streaming .table .grey {
  color: #a3a3a3 !important;
}

body.streaming.djay .type-streaming .btn-soundcloud {
  color: black;
}

.type-migration h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.5px;
}

.type-migration h1, .type-migration.type-migration__info, .type-migration.type-migration__instructions {
  margin-top: 40px;
}

.type-migration h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.14px;
  margin: 0 0 30px 0;
}

.type-migration h3.sub {
  margin-top: 8px;
}

.type-migration p.infobox {
  background-color: #1c1d1f;
  padding: 30px;
  font-size: 16px;
  color: white;
  margin: 0 0 60px 0;
}

.type-migration p.infobox svg {
  margin-right: 6px;
}

.type-migration p.infobox svg path {
  fill: white;
}

.type-migration p.infobox a {
  color: white;
  text-decoration: underline;
}

.type-migration .circle {
  margin: 0 auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  color: black;
  background-color: #00ffff;
  font-size: 40px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: -0.28px;
}

.type-migration .circle.grey {
  background-color: #8a9199;
}

.type-migration .circle.sc {
  background-color: #ff5500;
}

.type-migration .circle.bp {
  background-color: #01ff95;
}

.type-migration .circle.bs {
  background-color: #017edd;
}

.type-migration .circle-desc {
  margin-top: 22px;
  min-height: 99px;
}

.type-migration .btn-outline {
  min-height: 40px;
}

.type-migration .btn-outline {
  background-color: black;
  border: 1px solid #8a9199;
  color: white;
  width: 100%;
  line-height: 1.6;
}

.type-migration form label {
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  text-align: left;
}

.type-migration p.note {
  margin-top: 30px;
  font-size: 14px;
  color: #8a9199;
  font-family: "Avenir Next", sans-serif;
}

@media (max-width: 991px) {
  .type-migration p.note {
    margin-top: 57px;
  }
}

@media (max-width: 767px) {
  .type-migration p.note {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .type-migration .circle-desc {
    min-height: 68px;
  }
  .type-migration .btn-outline {
    margin-right: 0;
  }
  .type-migration .djay-logo {
    display: none;
  }
  .type-migration h1, .type-migration.type-migration__info, .type-migration.type-migration__instructions {
    margin-top: 30px;
  }
}

.type-migration__instructions hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.type-migration__instructions .btn {
  border-radius: 16px;
  background-color: #1c1d1f;
  margin: 0px 2px 0 2px;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .type-migration__instructions .btn {
    margin: 4px;
    padding: 6px;
  }
}

@media (min-width: 1199px) {
  .type-migration__instructions .btn {
    margin: 0px 6px 0 6px;
    padding: 6px 8px 6px 8px;
  }
}

.type-migration__instructions .btn:hover {
  color: white;
}

.type-migration__instructions .btn.active {
  background-color: white;
  color: #141414;
  cursor: default;
}

.type-migration__instructions h3.desc {
  margin-top: 20px;
  margin-bottom: 60px;
}

.tidal-upgrade {
  color: #8a9199;
  margin-top: 30px;
  margin-bottom: 64px;
}

@media (max-width: 1199px) {
  .tidal-upgrade {
    margin-bottom: 64px;
  }
}

@media (max-width: 991px) {
  .tidal-upgrade {
    margin-top: 58px;
    margin-bottom: 66px;
  }
}

@media (max-width: 767px) {
  .tidal-upgrade {
    margin-bottom: 30px;
  }
}

.btn-tidal-start-trial {
  margin-top: -3px;
}

.btn-souncloud-start-trial {
  margin-top: 0px;
}

@media (max-width: 1199px) {
  .btn-souncloud-start-trial {
    margin-top: 0px;
  }
}

@media (max-width: 991px) {
  .btn-souncloud-start-trial {
    margin-top: 55px;
  }
}

.btn-soundcloud-transfer {
  margin-top: 13px;
}

.btn-beatport-transfer {
  margin-top: 13px;
}

.btn-beatsource-transfer {
  margin-top: 13px;
}

.streaming-service-container {
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: content-box;
}

@media (min-width: 991px) {
  .streaming-service-container {
    width: 970px;
    display: flex;
  }
}

@media (min-width: 1199px) {
  .streaming-service-container {
    width: 1170px;
    display: flex;
  }
}

.streaming-service-column {
  text-align: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.rounded, .panel-default, .btn, .type-hardware .panel-hardwarebox, .type-school .episode .img-responsive {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.bg-neural {
  background-image: url("/assets/bg-neural-6e7e74c8.jpg");
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .bg-neural {
    background-image: url("/assets/bg-neural@2x-fdb6ed52.jpg");
  }
}

.container.nav-productheader.neural ul.navbar-left li {
  margin: 0 15px;
}

.container.nav-productheader.neural ul.navbar-right .btn-video {
  border-radius: 9px;
  border-color: #575757;
  color: #fff;
  padding-left: 35px;
  margin-right: 10px;
  background-color: #000;
  background-image: url("/assets/icon/play-398a0f38.svg");
  background-position: 10px 50%;
}

.container.nav-productheader.neural ul.navbar-right .btn-video:hover {
  color: #fff;
}

.type-neural h1 {
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
}

.type-neural h1.hero {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.5px;
}

.type-neural h2 {
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #8a9199;
}

.type-neural p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #8a9199;
}

.type-neural h1.neural-waveform {
  margin-bottom: 70px;
}

@media (max-width: 1199px) {
  .type-neural h1.neural-waveform {
    margin-bottom: 100px;
  }
}

@media (max-width: 991px) {
  .type-neural h1.neural-waveform {
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .type-neural h1.neural-waveform {
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .type-neural h1.neural-isolate {
    margin-bottom: 21px;
  }
}

@media (max-width: 991px) {
  .type-neural h1.neural-isolate {
    margin-bottom: 23px;
  }
}

@media (max-width: 767px) {
  .type-neural h1.neural-isolate {
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .type-neural h1.neural-coreml {
    margin-bottom: 61px;
  }
}

@media (max-width: 991px) {
  .type-neural h1.neural-coreml {
    margin-bottom: 23px;
  }
}

@media (max-width: 767px) {
  .type-neural h1.neural-coreml {
    margin-bottom: 30px;
  }
}

.type-neural svg.logoLine {
  position: relative;
  top: 7px;
}

.type-neural svg.logoLine.neural {
  height: 30.5px;
}

.type-neural p.apptitle {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #fff;
}

.type-neural.artists {
  background-color: #101112;
  padding-top: 120px;
  padding-bottom: 40px;
}

.neuralartist-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
  width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 991px) {
  .neuralartist-container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1199px) {
  .neuralartist-container {
    width: 1030px;
  }
}

@media (max-width: 991px) {
  .neuralartist-container {
    width: 500px;
  }
}

@media (max-width: 767px) {
  .neuralartist-container {
    width: 100%;
  }
}

.neuralartists h3.neuralmixlogo {
  font-size: 42px;
  margin: 0 0 0 0;
  display: inline-block;
  position: relative;
  top: -10px;
}

.neuralartist {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  overflow: hidden;
  width: 555px;
}

@media (max-width: 1199px) {
  .neuralartist {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .neuralartist {
    width: 100%;
  }
}

.neuralartist-content {
  padding: 40px;
}

.neuralartist-content blockquote {
  padding: 0 0 0 0;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: #ffffff;
  margin-bottom: 25px;
}

.neuralartist-content p.name {
  font-size: 32px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: 25px;
}

.neuralartist-content p.intro {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 25px;
}

.neuralartist-content .btn-video {
  border-radius: 9px;
  border-color: #575757;
  color: #fff;
  padding-left: 35px;
  margin-right: 10px;
  background-color: transparent;
  background-image: url("/assets/icon/play-398a0f38.svg");
  background-position: 10px 50%;
}

@media (max-width: 767px) {
  .type-company h1 {
    font-size: 50px;
  }
  .type-company h2 {
    font-size: 25px;
  }
  .bg-brandpartner h4 {
    margin: 60px 0 20px 0px;
  }
  .bg-brandpartner .btn-more {
    margin-bottom: 0;
  }
  .bg-brandpartner .brand:nth-child(1) p {
    margin-bottom: 0;
  }
  .bg-company2 h2,
  .bg-artists h2,
  .bg-company3 h2 {
    font-size: 23px;
  }
  .bg-company3 h1 {
    font-size: 40px;
  }
  .bg-company2 h1,
  .bg-mediacoverage h1,
  .bg-artists h1.artists,
  .bg-company5 h1 {
    font-size: 50px;
  }
  .bg-news1,
  .bg-press1 {
    padding-top: 10px;
  }
  .bg-press1 .photo {
    margin-top: 80px;
    margin-bottom: 60px;
  }
  .bg-press1 p {
    margin-bottom: 60px;
  }
  .bg-news1 .article img {
    float: none !important;
    display: block;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .bg-techpartner h1 {
    margin-top: 50px;
  }
  .bg-techpartner .logo {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .type-djay p.subhead.head {
    font-size: 20px;
  }
  .type-djay.bg-djayprodownload1 {
    margin-bottom: 50px;
  }
  .type-djay.bg-djayprodownload2 h3 {
    margin-top: 20px;
  }
  .type-school h2.logo {
    font-size: 20pt;
  }
  .type-school p {
    height: auto !important;
  }
  .type-djay h1 {
    font-size: 32pt;
  }
  .type-djay h2,
  .type-djay h2.header {
    font-size: 18pt;
  }
  .type-djay h3 {
    font-size: 24px;
  }
  footer.navbottom {
    padding-top: 0;
  }
  .type-nlsub .text-right {
    text-align: center;
    margin-bottom: 0;
  }
  .type-nlsub .form-inline {
    margin-top: 20px;
    text-align: center;
  }
  .type-nlsub .mc-embedded-subscribe {
    margin-top: 15px;
    width: 100%;
  }
  .bg-hardware3 .panel-body {
    padding: 10px;
  }
  .bg-hardware3 .panel-body h2 {
    font-size: 48px;
  }
  .bg-hardware3 .panel-hardwarebox td.desc {
    padding: 20px 10px 0 10px;
    font-size: 14px;
    width: auto;
  }
  .bg-hardware3 .panel-hardwarebox td.desc h3 {
    font-size: 28px;
  }
  .bg-hardware3 .panel-hardwarebox td.desc p img {
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .bg-hardware3 .panel-hardwarebox td.desc .pull-left {
    max-width: 100%;
  }
  .bg-hardware3 .panel-hardwarebox td.desc .btn-visit,
  .bg-hardware3 .panel-hardwarebox td.desc .btn-watch,
  .bg-hardware3 .panel-hardwarebox td.desc .btn-amazon {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .bg-hardware3 .panel-hardwarebox td.compatibility ul li {
    padding: 12px 0px;
  }
  .type-hardware.bg-cdj1 h2 {
    margin: 120px 0 10px 0;
  }
  .type-hardware.bg-cdj1 h3 {
    font-size: 23px;
    line-height: 1.3;
  }
  .type-hardware.bg-cdj2 p#teaservideobox {
    text-align: center;
    margin-bottom: 20px;
  }
  .type-hardware.bg-cdj2 p.teaserdesc {
    text-align: center;
  }
  .bg-hardware3.djayle h2 {
    font-size: 38px;
  }
  .bg-home3 p {
    white-space: nowrap;
  }
  .bg-home3 img {
    margin-bottom: 30px;
  }
  .bg-home3 h2,
  .bg-homehardware h2,
  .bg-homedjs h2 {
    font-size: 32pt;
  }
  .bg-home3 h3,
  .bg-homehardware h3,
  .bg-homedjs h3 {
    font-size: 18pt;
  }
  .djaywin .btn-trial {
    margin: 10px 0 0 0;
    width: 100%;
  }
  .bg-ambassadordjtay.coverbg h1 {
    margin-top: 235px;
  }
  .bg-ambassadordjtay blockquote {
    padding: 20px 0 20px 0;
  }
  .type-ios h1.hero {
    height: auto;
    margin-bottom: 30px;
  }
  .type-ios p.iconlist {
    height: 48px;
    margin-bottom: 20px;
  }
  .type-ios .btn-default {
    white-space: normal;
  }
  .type-streaming .hero-breakout {
    top: 50px;
  }
  .type-streaming .icons > .col-xs-6 {
    min-height: 190px;
  }
  .type-streaming .features {
    margin-left: 10px;
    margin-right: 10px;
  }
  .type-streaming .features ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .type-streaming .features h3 {
    margin-bottom: 30px;
  }
  .xs-m-t-60 {
    margin-top: 60px !important;
  }
  .bg-precueing {
    background-size: auto 300px;
  }
  .type-djayandroid .hero1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .type-djayandroid .iconlist {
    margin-bottom: 25px;
  }
  .type-djayandroid .library h1 {
    margin-top: 20px;
  }
  .artistwrap {
    padding: 25px;
  }
  .artistwrap blockquote {
    font-size: 26px;
  }
}

.rounded, .panel-default, .btn, .type-hardware .panel-hardwarebox, .type-school .episode .img-responsive {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

@media (min-width: 768px) {
  .bg-ambassadorsbig1, .bg-ambassadorsbig2, .bg-ambassadorsbig3, .bg-ambassadorsbig4, .bg-ambassadorsbig5 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-ambassadorsbig1 .ambassador, .bg-ambassadorsbig2 .ambassador, .bg-ambassadorsbig3 .ambassador, .bg-ambassadorsbig4 .ambassador, .bg-ambassadorsbig5 .ambassador {
    margin-top: 110px;
    margin-bottom: 90px;
  }
  .bg-cover-ambassadordjtay {
    background-image: url("/assets/company/bg-dj-tay-0271ef10.jpg");
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .bg-cover-ambassadordjtay {
    background-image: url("/assets/company/bg-dj-tay@2x-93f083ba.jpg");
  }
}

@media (min-width: 768px) {
  .bg-ambassadorsbig1 {
    background-image: url("/assets/company/bg-dj-jucym-434a659f.jpg");
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .bg-ambassadorsbig1 {
    background-image: url("/assets/company/bg-dj-jucym@2x-10f91915.jpg");
  }
}

@media (min-width: 768px) {
  .bg-ambassadorsbig2 {
    background-image: url("/assets/company/bg-dj-ravine-25c83127.jpg");
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .bg-ambassadorsbig2 {
    background-image: url("/assets/company/bg-dj-ravine@2x-3bb48d63.jpg");
  }
}

@media (min-width: 768px) {
  .bg-ambassadorsbig3 {
    background-image: url("/assets/company/bg-dj-arch-jr-bf409a42.jpg");
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .bg-ambassadorsbig3 {
    background-image: url("/assets/company/bg-dj-arch-jr@2x-53d411fb.jpg");
  }
}

@media (min-width: 768px) {
  .bg-ambassadorsbig4 {
    background-image: url("/assets/company/bg-dj-sara-c40601b9.jpg");
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .bg-ambassadorsbig4 {
    background-image: url("/assets/company/bg-dj-sara@2x-41823c34.jpg");
  }
}

@media (min-width: 768px) {
  .bg-ambassadorsbig5 {
    background-image: url("/assets/company/bg-small-eyez-ea3168f4.jpg");
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  .bg-ambassadorsbig5 {
    background-image: url("/assets/company/bg-small-eyez@2x-e3cb8055.jpg");
  }
}

@media (min-width: 768px) {
  .navbar-main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
  }
  .navbar-main > li {
    float: none;
    display: inline-block;
  }
  .navbar-right > li > a {
    padding: 13px 15px 10px 15px;
  }
  .navbar-right {
    margin-right: 0;
  }
  .type-nlsub .mc-embedded-subscribe {
    margin-left: 10px;
  }
  .bg-ambassadordjtay.coverbg h1 {
    margin-top: 600px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
   .navbar-right > li > a, .navbar-left > li > a, ul.nav.navbar-main > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .bg-company2 h2, .bg-company3 h2, .bg-artists h2 {
    font-size: 24px;
  }
  .type-company .nav-productheader li.button a {
    background-position: 9px 50%;
    padding: 5px 5px;
  }
  .type-company .nav-productheader li.button a.btn-company {
    padding-left: 35px;
  }
  .type-company .nav-productheader li h3 {
    margin-right: 0px;
  }
  .nav-productheader > li.button > a {
    margin-left: 0;
  }
  .type-djay p.subhead.head {
    font-size: 20px;
  }
  .nav-productheader > li.button > a {
    margin-left: 5px;
  }
  .type-djay h3 {
    font-size: 25px;
  }
  .mediacoverage h4 {
    font-size: 15px;
    min-height: 180px;
  }
  .type-djay h1 {
    font-size: 44pt;
  }
  .type-hardware .panel-hardwarebox td.desc .pull-left {
    max-width: 100%;
  }
  .type-hardware .panel-hardwarebox td.desc .btn-visit, .type-hardware .panel-hardwarebox td.desc .btn-watch, .type-hardware .panel-hardwarebox td.desc .btn-amazon {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .bg-home3 h2, .bg-homehardware h2, .bg-homedjs h2 {
    font-size: 44pt;
  }
  .bg-home3 h3, .bg-homehardware h3, .bg-homedjs h3 {
    font-size: 28pt;
  }
  .ambassador .btn-more {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .wrap-apps-shop-banner .platform {
    font-size: 11px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .award h4 {
    font-size: 20px;
  }
  .type-hardware .panel-hardwarebox td.desc .pull-left {
    max-width: 100%;
  }
  .type-hardware .panel-hardwarebox td.desc .btn-visit, .type-hardware .panel-hardwarebox td.desc .btn-watch, .type-hardware .panel-hardwarebox td.desc .btn-amazon {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .mediacoverage h4 {
    min-height: 135px;
  }
  .wrap-apps-shop-banner .platform {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .type-school .episode {
    padding-left: 35px;
  }
  .type-school .col-lg-offset-1.episode {
    padding-right: 35px;
    padding-left: 15px;
  }
  .bg-ambassadordjtay.coverbg h1 {
    margin-top: 700px;
  }
}

@media (min-width: 1500px) {
  .bg-ambassadordjtay.coverbg h1 {
    margin-top: 800px;
  }
}

#header {
  background-color: #262626;
  border-bottom: 1px solid #000000;
}

.header {
  min-height: 51px;
  background-color: #262626;
}

@media (min-width: 768px) {
  .header {
    height: 51px;
    max-width: 750px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  .header {
    max-width: 940px;
  }
}

@media (min-width: 1200px) {
  .header {
    max-width: 1140px;
  }
}

.main-nav {
  font-size: 15px;
  line-height: normal;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  display: flex;
  justify-content: space-between;
}

.main-nav .active > a {
  color: #3bf;
}

.main-nav a:hover {
  color: #3bf;
  text-decoration: none;
}

.main-nav a {
  padding: 0 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 992px) {
  .main-nav a {
    padding: 13px 17px;
  }
}

#hamburger {
  display: none;
}

.header .logo {
  text-align: center;
  float: right;
  padding: 12px 14px 12px 0;
}

@media (min-width: 768px) {
  .header .logo {
    text-align: left;
  }
}

.header .logo img {
  max-height: 37px;
  vertical-align: middle;
}

/* social-bar and logo must be equal to center main-nav */
@media (min-width: 768px) {
  .header .social-bar,
  .header .logo {
    width: 120px;
  }
  .header .logo img {
    max-height: 37px;
    vertical-align: middle;
  }
}

@media (min-width: 992px) {
  .header .social-bar,
  .header .logo {
    width: 160px;
  }
}

.social-bar {
  margin: 15px auto;
  padding: 0;
  list-style: none;
  list-style-image: none;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .social-bar {
    margin: 0;
  }
}

.social-bar li a {
  display: flex;
}

@media (max-width: 768px) {
  .main-nav a {
    display: block;
    margin: 15px;
    padding: 10px 0 10px 0;
  }
  #hamburger {
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    padding: 12px 10px;
  }
  .main-nav,
  header .social-bar {
    display: none;
    justify-content: space-between;
    margin: auto;
  }
  header .social-bar {
    padding: 15px 0;
    width: 160px;
  }
}

.navbar-right {
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-left {
  float: left;
}

.type-company .legal h1, .type-company .legal h2, .type-company .legal h3, .type-company .legal h4, .type-company .legal h5 {
  font-weight: 500;
  color: #000;
}

.type-company .legal h2 {
  font-size: 28px;
}

.type-company .legal h3, .type-company .legal h4 {
  font-size: 20px;
}

.type-company .legal h4, .type-company .legal h5 {
  font-size: 16px;
}

.type-company ul {
  list-style-type: disc;
  padding-left: 0;
  margin-left: 0;
  list-style-position: inside;
}

body.releasenotes_inapp {
  background: white;
  color: black;
  font-family: system-ui, sans-serif;
  padding: 1em;
}

body.releasenotes_inapp > ul {
  list-style-type: none;
  padding: 0;
}

body.releasenotes_inapp > ul ul {
  list-style-type: disc;
}

body.releasenotes_inapp .release {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #d6d6d6;
}

body.releasenotes_inapp .release:last-child {
  border-bottom: none;
}

body.releasenotes_inapp .date {
  display: block;
  float: right;
  color: black; /* Replace $text_color_dark with a suitable color */
  font-size: 12px;
}

body.releasenotes_inapp h4 {
  font-size: 16px; /* Replace $font-size-base with a suitable value */
  margin-top: 0;
}

@media (prefers-color-scheme: dark) {
  body.releasenotes_inapp {
    background-color: black;
    color: white;
  }

  body.releasenotes_inapp .release {
    border-bottom-color: #323232;
  }

  body.releasenotes_inapp .date {
    color: #CCCCCC;
  }
}