#hero h1 { font-size: 30px; }
#hero h2 { font-size: 18px; margin-top: 25px; font-weight: 500; color: #3e3e3e; }
#hero .new { font-weight: 400; color: #faaf23; font-size: 22px; }
#hero h1 span { display: inline-block; }
#hero .note { font-size: 12px; }
#hero .pricebrick .note { color: #fff }
#hero .prod-info ul { margin: 15px 0 25px; }
#hero .prod-info .os { font-size: 22px; }
#hero .prod-info { padding-bottom: 25px; }
#hero .light-bullets li { font-size: 16px; line-height: 1.5; position: relative; margin: 0; padding: 0 0 7px 5px; }
#hero .light-bullets li:before { color: #faaf23; }
#hero .light-bullets li:before { font-family: "Material Icons"; content: "\e5cc"; padding: 0; margin: 0; margin-right: 6px; margin-left: -30px; margin-top: -2px; font-size: 30px; position: absolute; line-height: 1; }
#hero .hero-image { max-width: 726px; position: absolute; left: -792px; top: 30px; }
.mac #hero .hero-image { max-width: 560px; left: -680px; top: 0; }
img { display: block; max-width: 100%; height: auto; }
.video-play img { max-width: 10% !important; margin: 0 auto }
.pricebrick { margin-top: 20px; }
.pricebrick .buy-tab { display: block; }
.pricebrick #pricing-tabs li { padding: 0 }
.pricebrick #pricing-tabs li a { padding: 6px 0 8px }
.pricebrick .instructions a { background: no-repeat; padding-left: 0; font-size: 14px }
.pricebrick .instructions a:hover { text-decoration: underline }
.intro { background-image: url(/static/mm/images/mindmanager-windows/whats-new-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; background-attachment: fixed; }
.accordion .panel.panel-default { margin: 0; }
.accordion .panel-title { font-size: 17px; 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.5; }
.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: 16px; 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: bold }
.accordion .panel-heading { padding: 0; background: transparent }
.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.accordion-list { padding: 80px 0 60px; background: #f1f1f1; }
.accordion-list.white { background: #fff; }
.accordion-list h2 { margin-top: 0; }
.features { padding: 80px 0 }
.features h2 { color: #3b51a3; }
.features p { font-size: 17px; margin: 30px 0; }
.features i { display: block; }
.features .border { border-left: 3px solid #517ac4; padding-left: 12px }
.features ul { list-style-type: circle; padding-left: 16px; }
.features ul li { line-height: 1.5; position: relative; margin: 0; padding: 0; padding-bottom: 5px; font-size: 16px; }
/*
.features li:before { font-family: "Material Icons"; content: "\e5cc"; padding: 0; margin: 0; margin-right: 6px;  margin-left: -30px; margin-top: -2px; font-size: 30px; position: absolute; line-height: 1;}
*/
.features.pad-t-0 { padding-top: 0 }
.better h2 { margin-top: 0; line-height: 1.2 }
#topic-info { background: #3952a4; color: #fff; overflow: hidden }
#topic-info .sec-block { padding-top: 60px }
#topic-info h2 { margin-top: 12px; line-height: 1.2; margin-bottom: 6px }
#topic-info p { margin-bottom: 12px; }
#topic-info .section-intro .new { color: #fff; font-size: 16px; text-transform: uppercase; padding: 3px 12px; display: inline-block; background: #757575; font-style: normal }
#topic-info .section-intro { margin-bottom: 0 }
#topic-info .sec-block { padding-bottom: 30px }
#beforeAfter { position: relative; margin: 15px 5% 0; border: 1.5em solid #000; border-radius: 20px; box-shadow: 0 5px 15px #000; }
#beforeAfter ul, #beforeAfter li { margin: 0; }
#beforeAfter ul { display: table; padding: 0; }
#beforeAfter li { display: none; list-style: none; }
#beforeAfter .active-image { display: block; }
#beforeAfter img { max-width: initial }
#beforeAfter .controls { position: absolute; bottom: 0; z-index: 100; width: 10%; right: -120px; }
#beforeAfter .instruction { cursor: pointer; }
#beforeAfter .label { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; bottom: 0; color: #fff; font-size: 14px; font-weight: normal; padding: 0.3em 1em 0.5em; position: absolute; z-index: 9 }
#beforeAfter .label.after { right: 0 }
.slider { padding: 0; height: auto; }
.slider .right.image { position: absolute; z-index: 1; top: 0; left: 0 }
.slider .left.image { position: relative; z-index: 2; border-right: 5px solid #ffc750; margin-right: -5px; overflow: hidden; height: 0; padding-bottom: 62.5% }
.slider .instruction { position: absolute; top: 50%; padding: 0 15px 7px; background: #ffc750; left: 49.8% !important; transform: translate(-50%, -50%); z-index: 3 }
.slider .instruction p { display: inline; font-size: 2em; text-transform: uppercase; color: #333 !important; line-height: 1.2 }
.implementation { background: #f1f1f1; }
.implementation h2 { color: #3b51a3; }
.implementation .section-intro p { max-width: 610px; margin: 0 auto }
.implementation img { margin: 30px auto 0; }
.quote { background: #3b51a3; color: #fff; padding: 60px 0 100px }
.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: 6px 26px; }
.person img { margin: 0 auto; border: 3px solid #3b51a3; border-radius: 50%; }
.trust { margin-top: 40px }
#shop-now, #try-it-free, #try-it-free-mac, #shop-now-mac { font-size: 20px; padding: 9px 53px 10px; margin-right: 15px; margin-left: 15px }
#logo-bar { background: #3952A4; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #3A4751; text-align: center; }
#logo-bar img.logo { width: 70%; }
#features .accordion-list:first-child { padding-top: 100px }
#features .new { text-transform: uppercase; color: #faaf23; font-weight: 500; font-style: italic; }
.mac #features .new { display: block; font-size: 22px }
.mac .features p { margin: 10px 0 30px; }
.mac #features .features h2 { color: #333; }
.mac span.subhead { font-size: 20px; font-weight: 700; margin-top: 20px; display: block; }
.mac #overview .features img { border: 1.5em solid #000; border-radius: 20px; }
#sys-req { padding-bottom: 80px; background: #f1f1f1 }
#sys-req h4 { font-size: 26px }
p.sys-req, #sys-req li { font-size: 17px }
.white-popup { position: relative; background: #FFF; padding: 25px; width: auto; max-width: 800px; margin: 0 auto; font-size: 17px; }
.margin-bottom-40 { margin-bottom: 40px }
.margin-bottom-80 { margin-bottom: 80px }
.margin-top-40 { margin-top: 40px }
.container-1600 { max-width: 1600px; width: auto }
.no-margin-bottom { margin-bottom: 0 }
.no-pad-bottom { padding-bottom: 0 }
.bg-gray { background: #f1f1f1; }
.promo-bar { display: none; }
#badges img { margin: 0 auto }

@media (min-width:768px) {
.pricebrick .tab-pane { min-height: 320px; }
.pricebrick .tab-pane .button { margin-top: 40px; }
.pricebrick .instructions { margin-bottom: 10px; margin-top: 10px }
.pricebrick .tab-content { padding: 55px 5px 20px; position: relative }
.pricebrick .tab-content .btn { min-width: 180px; margin-bottom: 10px; }
.pricebrick .phone-number { color: #ccc }
.pricebrick .phone-number .number { display: block; color: #fff; }
.pricebrick .phone-number .email { color: #fff; }
.pricebrick .product h4, .pricebrick .product p { padding: 0; margin: 0; }
.intro h2 { font-size: 50px; font-weight: bold }
#hero .download { background-color: #FAAF23; border: 1px solid #FAAF23; color: #fff; text-transform: uppercase; text-align: left; padding: 9px 90px 10px 20px !important; position: relative; }
#hero .download div { border: 0; padding-right: 15px; font-weight: 500; line-height: 1.2 }
#hero .download::after { content: ""; background: url(/static/mm/images/mindmanager/2021/download-icon.png) 0 0 no-repeat; position: absolute; top: 10px; right: 5px; height: 35px; width: 38px; }
.features .right { padding-right: 60px; }
.features .left { padding-left: 60px; }
.features .width-300 { max-width: 300px }
.pricebrick { background: rgba(0, 0, 0, 0.9); color: #fff }
}

@media (min-width:992px) {
#hero { background-image: url(/static/mm/images/mindmanager/2021/mm-hp-bg-pc1.gif); background-position: 50% 30%; background-color: #fcfefc; background-repeat: no-repeat; }
.full-img img { position: absolute; max-width: 1000px; top: 0; left: 50px }
.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 #image-1f img.width-700 { max-width: 750px; }
.full-img #image-2d img.width-900 { max-width: 1000px; }
.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 }
.accordion .tab-content { height: 0; padding-bottom: 87%; }
}

/*@media (min-width:2300px) {
    #hero{background-position:45% 50%;}
}*/

@media (max-width:991px) {
.accordion-list h2 { margin-top: 20px; }
#hero .hero-image { display: none; }
}

@media (max-width:767px) {
#pricing-tabs li.active a { color: #000; }
#pricing-tabs li { background: #f7f7f7; border-top: 2px solid #f7f7f7; }
#pricing-tabs li a { color: #666; }
#pricing-tabs li.active:hover a { color: #666; }
#pricing-tabs li:hover a { color: #fff; }
.pricebrick .tab-content { padding: 35px 5px 20px; }
.pricebrick .guarantee-badge { top: 50px; right: 15px; }
.pricebrick .BuyLink { margin-top: 25px; }
.pricebrick .instructions a { font-size: 13px; }
.prod-intro { margin-top: 10px; }
#badges img { margin: 40px auto 0; }
.trust { margin: 40px auto; }
.implementation { min-height: 490px; }
.section-intro p { font-size: 16px; }
.video-play img { max-width: 20% !important; }
.quote p { font-size: 18px }
.features p { font-size: 14px; margin: 15px 0; }
.margin-bottom-80 { margin-bottom: 40px }
#hero .new, #hero h1 { font-size: 22px; }
#hero h2 { font-size: 16px; }
#hero .light-bullets li { font-size: 14px; padding: 0 0 3px 5px; }
#hero .note { font-size: 10px; }
#topic-info .sec-block { padding-bottom: 0; }
#hero .prod-info .os, #hero .new { font-size: 18px; }
}