html { height: 100%; position: relative; font-size: 16px; }
body { height: 100%; background-color: #fff; color: #333; font-size: 16px; font-family: Poppins,"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif; }
h2 { font-size: 36px }
#hero .note { font-size: 11px }
#hero h1 { color: #3952A4; }
#hero a img { max-width: 300px; }
#hero .teams-block { display: table; margin-bottom: 45px; max-width: 400px; }
#hero .teams-block img { width: 65px; display: table-cell; margin-right: 20px }
#hero .teams-block p { display: table-cell; vertical-align: middle; font-size: 15px; color: #3952A4; font-style: italic; padding-left: 20px; }
#hero { position: relative; background-image: url(/static/mm/images/home/2022/home-bg-all.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
#hero:after { position: absolute; top: 0; content:""; height: 100%; width: 100%; background: rgb(13,5,20); z-index: -10; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(242,242,250,1) 60%, rgba(242,242,250,1) 100%); }
#hero p.tagline .title { font-weight: 600; }
#hero p.tagline { font-style: italic; font-size: 15px; margin-bottom: 30px; }
#hero p.tagline span { display: block; }
#hero { padding: 150px 0; }
#hero .row { height: 100%; }
#other-products { background-color: #e8e8e8; padding-top: 25px; padding-bottom: 60px; }
#other-products .module-row a { color: #333; background-color: #fff; }
#other-products .module-row a .link { color: #3991CF; }
#other-products .module-row a:hover { text-decoration: none }
#other-products .module-row a:hover .link { text-decoration: underline; }
#other-products .module { background-color: #fff; padding: 0; font-size: 16px; position: relative; }
#other-products .module-row .module-col { margin-bottom: 20px }
#other-products .module .content { padding: 15px 25px 25px; position: relative; }
#other-products .module h4 { font-weight: 500 }
#other-products .module .new { font-weight: 500; color: #009cff; text-transform: uppercase; font-style: italic }
#other-products .module .artist-name { position: absolute; right: 15px; top: -25px; font-size: 11px; color: rgba(255, 255, 255, .6); }
#other-products .module .call-out { position: absolute; left: 15px; top: -15px; font-weight: 500; background-color: #000; color: #fff; font-size: 12px; padding: 5px 15px; display: inline-block; }
#other-products .module img { width: 100%; }
#other-products .module .savingsBadge { position: absolute; right: 0; top: 0; background: #FE8D46; color: #fff; margin: 0; padding: 5px 15px; }
#extras { background-color: #e8e8e8; padding-bottom: 150px }
.spotlight { position: relative; }
.spotlight img { width: 100%; }
.spotlight .content { padding: 50px 35px 0; }
.spotlight h4 { font-size: 24px; font-weight: 400; line-height: 1.1 }
.spotlight p { font-size: 20px; font-weight: 300; }
.spotlight p, .spotlight h4 { color: #fff }
.spotlight .artist-name { font-size: 11px; position: absolute; bottom: 15px; left: 15px; color: rgba(255, 255, 255, .6); }
.spotlight .sp-img { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 325px; }
.spotlight .sp-content { position: relative; }
.spotlight .sp-content .savings-badge { position: absolute; right: 0; top: 0; background: #009CFF; color: #fff; margin: 0; padding: 5px 15px 7px; font-size: 17px; font-weight: 400 }
.spotlight.mm-teams .container { background-color: #113e58; }
.accordion .panel.panel-default { margin: 0; }
.accordion .panel-title { font-size: 16px; font-weight: 500; }
.accordion .panel { border: none; border-bottom: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; background-color: transparent; font-size: 17px }
.accordion .panel:first-child { border-top: 1px solid #ccc; margin-top: 40px }
.accordion .panel-title a { color: #333; }
.accordion .panel-title { position: relative; padding-right: 25px; line-height: 1.2; }
.accordion .panel-title a::before { position: absolute; font-family: 'Glyphicons Halflings'; content: "\002b"; font-size: 11px; right: 5px; top: 13px; transition: .3s transform ease-in-out; color: #fff; font-weight: initial; background: #3b51a3; border-radius: 50%; padding: 2px 4.5px 0 5px; text-align: center; transform: rotate(45deg); width: 20px; height: 20px; }
.accordion .panel-title a.collapsed::before { transform: rotate(0deg); color: #333; background: #ccc; }
.accordion .panel-body { font-size: 15px; border-top: 1px dotted rgba(0,0,0,.3); line-height: 1.5; padding: 5px 0 25px; letter-spacing: -0.2px }
.accordion .panel-title a { display: block; padding: 10px 0; font-weight: 500 }
.accordion .panel-heading { padding: 0; background: transparent }
.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.accordion-list.blue { background: url(/static/mm/images/mindmanager/2022/watermark.png) #3952a4 100% -230px no-repeat; background-size: 60%; color: #fff }
.accordion-list.blue .panel-title a { color: #fff }
.accordion-list.blue .panel-title a::before { background: #fe8d46; }
.accordion-list.blue .panel-title a.collapsed::before { background: #ccc; }
.accordion-list.blue .panel-title a[aria-expanded=true] { color: #fe8d46; }
.accordion-list { padding: 80px 0 60px; }
.accordion-list h2 { margin-top: 0; }
.quote { background: #3b51a3; color: #fff; padding: 60px 0 100px }
.quote h2 { font-size: 36px; text-align: center; }
.quote p { font-size: 30px; text-align: center }
.author { background: #f1f1f1; padding-bottom: 40px }
.person { margin-top: -45px; }
.person p { color: #333; font-size: 17px; }
.person a { font-size: 16px; padding: 5px 26px 6px; }
.person img { margin: 0 auto; border: 3px solid #3b51a3; border-radius: 50%; max-width: 80px }
.trust { margin-top: 40px; max-width: 380px !important }
#logo-bar { padding-bottom: 60px; text-align: center; }
#logo-bar img.logo { width: 70%; opacity: 0.3; margin: 0 auto }
.pad-t-30 { padding-top: 30px }
.pad-b-30 { padding-bottom: 30px }
.mar-t-80 { margin-top: 80px }
.testimonial-first { background: #f1f5ff; }
.testimonial-first .sec-block { padding: 20px 0 0; }
.testimonial-first .quote-first { font-style: italic; max-width: 780px; margin: 40px auto 10px; }
.testimonial-first .quote-name { font-size: 14px; margin-top: 0; }
.trial-block { display: flex; flex-wrap: wrap }
#hero .btn, .try-free-cta .btn { margin: 0 15px 5px 0; }
#try-it-free-mac { margin-top: 10px; margin-bottom: 10px; }
.promo-bar, .os-win, .os-mac, .pricebrick .instructions a.os-win, .pricebrick .instructions a.os-mac, .os-win-block, .os-mac-block { display: none }
.try-free-cta h2 { margin-bottom: 40px; }
.no-margin-bottom { margin-bottom: 0 }
.learn-more { margin-top: 10px; display: block; }

@media (min-width:768px) {
    #hero .img-hero { max-width: 720px; position: absolute; right: 55px; top: -200px; width: auto; }
    #hero a img { margin-left: -20px }
    #hero a img.mar-l { margin-left: -10px; }
    #hero a img.mar-r { margin-right: -75px; }
    #other-products .module-row { padding-top: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; display: table-cell\9; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
    #other-products .module-row .module-col { display: -ms-flexbox; display: -webkit-flex; display: flex; display: table-cell\9; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
}

@media (min-width: 992px) {
    #hero .rating { margin: 40px 0; }
    #hero h1 { font-size: 36px; font-weight: 500; }
    #hero p { font-size: 16px; }
    #hero a img.mar-l-0 { margin-left: 0; }
    .full-img img { position: absolute; max-width: 1000px; top: 0; left: 50px; width: auto }
    .full-img.left img { left: inherit; right: 50px }
    .full-img img.width-900 { max-width: 900px; }
    .full-img img.width-800 { max-width: 800px; }
    .full-img img.width-700 { max-width: 700px; }
    .full-img img.width-650 { max-width: 650px; }
    .full-img img.top { top: -50px }
    .full-img img.top-100 { top: -100px }
    .full-img { overflow: hidden }
}

@media (min-width:1200px) {
    #other-products .module-row { margin: 0 -30px }
}

@media (min-width:1900px) {
    #hero { background-size: auto 100%; }
}

@media (max-width:1300px) {
    #hero { padding: 60px 0; }
}

@media (max-width:991px) {
    .trust { max-width: 100%; margin: 40px auto 0; display: block; }
    .responsive .accordion-list img { margin: 0 auto 20px; width: 100%; max-width: 75%; display: block; }
}

@media (max-width:767px) {
    #hero, #hero .container { height: auto; min-height: auto; }
    #hero .container { padding-top: 30px; padding-bottom: 30px; }
    h2, .quote h2 { font-size: 26px; }
    #hero { text-align: center; background-position-x: 70%; position: relative }
    #hero h1 { font-size: 24px; color: #3952A4; }
    #hero .btn { display: block; }
    #hero img { margin: 0 auto; display: block; }
    #hero .teams-block { max-width: 100%; margin-top: 30px; }
    #hero .note { text-align: center }
    #hero .teams-block p { font-size: 14px; }
    .responsive .accordion-list img { max-width: 100%; }
    .trust { max-width: 100%; }
    .quote p { font-size: 17px }
    .person p, #highlights { font-size: 14px; }
    .mar-xs { margin: 50px 0; }
    h2.title { margin-bottom: 30px; font-size: 20px; }
    .spotlight .content { padding: 30px 35px; margin-bottom: 20px; }
    .spotlight p { font-size: 16px; }
    #extras { padding-bottom: 0 }
    .trial-block { justify-content: center }
    #hero { background-image: none }
    #hero .btn, .try-free-cta .btn { margin: 0 5px 5px 5px; }
}