img { display: block; max-width: 100%; height: auto; }
.video-play { display: flex; }
.video-play img { width: auto; height: 100%; margin: 0 auto; max-width: 140px }
.video-play img:hover { opacity: 0.8 }
.intro { background-image: url(/static/mm/images/mindmanager/2022/video.jpg); background-color: #fbfbfb; background-position: center; background-repeat: no-repeat; background-size: cover; color: #333; }
.essentials .intro { background-image: url(/static/mm/images/mindmanager/2023/essentials/video-essentials.jpg);}
.professional .intro { background-image: url(/static/mm/images/mindmanager/2023/secondary-pro.jpg);}
.accordion .panel.panel-default { margin: 0; }
.accordion .panel-title { font-size: 18px; font-weight: 500; }
.accordion .panel { border: none; border-bottom: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; background-color: transparent; }
.accordion .panel:first-child { border-top: 1px solid #ccc; margin-top: 40px }
.accordion .panel-title a { color: #333; }
.accordion .panel-title a:hover { text-decoration: underline }
.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 { 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: #fff; color: #333 }
.accordion-list.blue .panel-title a.collapsed::before { background: #ccc; }
.accordion-list { padding: 80px 0 60px; background: rgb(241, 241, 241); }
.accordion-list.white { background: #fff; }
.accordion-list.gray { background: #eeeeee; }
.accordion-list h2 { margin-top: 0; }
.freedom { background-image: url(/static/mm/images/mindmanager/2022/overview/freedom.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; font-size: 18px; padding: 90px 0 110px; color: #333; }
.freedom h2 { color: #000 }
.freedom + .try-free-cta { background: #3952a4; color: #fff }
.web-icons { display: flex; flex-wrap: wrap; font-size: 12px; margin-top: 40px }
.web-icons > div { width: 25%; padding-right: 20px; text-align: center; color: #000; font-weight: 600 }
.web-icons > div img { max-width: 70px; margin: 0 auto }
.features { padding: 80px 0 }
.border { border-left: 3px solid #517ac4; padding-left: 12px; }
.features h2 { color: #3b51a3; }
.features p { font-size: 16px; 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.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: 26px; 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%; max-width: 85px }
.trust { margin-top: 40px; max-width: 380px !important }
#shop-now, #try-it-free, #try-it-free-mac, #shop-now-mac { margin-right: 12px; }
.button a:last-child {margin-right: 0 !important;}
#logo-bar { padding-bottom: 60px; text-align: center; }
#logo-bar img.logo { width: 70%; opacity: 0.3; margin: 0 auto; }
#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: 40px; }
#sys-req img { margin: 40px 0;}
.essentials #sys-req { background: #f1f1f1 }
p.sys-req { text-align: center;}
.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; max-width: 285px }
.pricebrick .styled-select select { text-transform: uppercase; }
.os-win, .os-mac, .pricebrick .instructions a.os-win, .pricebrick .instructions a.os-mac, .os-win-block, .os-mac-block { display: none }
#shop-now-mac, #try-it-free-mac { margin-top: 10px; margin-bottom: 10px; }
.lto-box { margin-top: 20px; margin-bottom: 15px; }
.essentials .web-icons > div { width: 30% }
.try-free-cta.bg-grey, .try-free-cta.bg-grey + #logo-bar, .bg-grey { background: #f5f5f5; }
.additional-resources { padding: 60px 0; }
.additional-resources img { margin: 20px auto 0; max-width: 210px; }
.additional-resources span { font-size: 16px; display: block; margin-top: 20px; }
.teams .intro { background-image: url(/static/mm/images/mindmanager/2023/teams/secondary-teams.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;  }
.intro .sec-block { padding-top: 20px; padding-bottom: 50px;  }
.essentials .intro .sec-block { padding-top: 120px; padding-bottom: 60px;  }
.intro a { margin-top: 80px;  }
.teams .trial-link { display: block }
.trial-link { font-size: 17px; text-decoration: underline; margin: 20px 0 0; }
#prod-hero .content a.trial-link:hover { text-decoration: none; }
.gray .tab-content>.lazy-loaded { -webkit-animation: none; animation: none; }
.gray .tab-content>.active { -webkit-animation: fadeIn .3s; animation: fadeIn .3s; }

.bg-wrapper {position: relative;}
.bg-wrapper::after { content: ''; position: absolute; bottom:0; left: 0; height: 50px; width: 100%; background: rgb(79,221,215); background: linear-gradient(0deg, rgba(79,221,215,0.4150035014005602) 0%, rgba(79,221,215,0.196516106442577) 30%, rgba(79,221,215,0.0760679271708683) 70%, rgba(250,250,250,0) 100%);}

#prod-hero .product-info { padding: 20px 20px 60px; color: #333 }
.enterprise #prod-hero .product-info { padding: 120px 20px; color: #333 }
#prod-hero .container { position: relative; }
#prod-hero .title { line-height: 1.2; }
#prod-hero .details p { font-size: 16px; }
#prod-hero .content { margin-bottom: 20px }
#prod-hero .content p { font-size: 16px; color: #ccc; margin: 30px 0 }
#prod-hero .content a { margin-right: 10px }
#prod-hero .content a.download { font-size: 16px; margin-top: 10px; position: relative; color: #000; font-weight: 400; text-decoration: underline;}
#prod-hero .content a.btn-download {margin-top: 10px;}
#prod-hero .content a.download:hover { text-decoration: none; color: #0067CB;}
#prod-hero .content a.download::after { display: inline-block; position: absolute; content: ""; background: url("/static/common/images/icons/download-01.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; right: -26px; width: 20px; height: 20px; filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(9%) hue-rotate(161deg) brightness(100%) contrast(103%);}
#prod-hero .content a.download:hover::after { filter: none; }
#prod-hero .title .description { font-size: 20px; display: block; margin: 0; color: #333; font-weight: 400; line-height: 1.5; margin: 10px 0; }
#prod-hero .po { margin-top: 0; color: #333333; font-weight: 500 }
#prod-hero .promo { display: block; color: #ccc }
#prod-hero .price { padding: 0; margin: 0; padding-bottom: 15px; display: inline }
#prod-hero .priceDisplayNormal { line-height: 1 }
#prod-hero .priceDisplayStrikethrough { color: #ACACAC; text-decoration: line-through; line-height: 1; font-size: 12px }
#prod-hero .purchase-box .priceDisplayNormal { font-size: 26px; padding-right: 5px; }
#prod-hero .purchase-box .priceDisplayStrikethrough { font-size: 18px; display: block }
#prod-hero .navigation-tabs, #prod-hero .navigation-tabs>li { display: flex; float: none }
#prod-hero .navigation-tabs>li.active>a, #prod-hero .navigation-tabs>li.active>a:focus, #prod-hero .nav>li>a:hover, #prod-hero .navigation-tabs>li.active>a:hover { background-color: rgb(132 221 218 / 10%); border: 2px solid #84DDDA; padding: 22px 8px 14px; width: 100%; }
#prod-hero .nav>li>a:hover { background-color: rgb(39 39 39 / 7%); border: 1px solid #A6A6A6; padding: 23px 8px 14px; }
#prod-hero .nav>li { width: 48%; margin: 0 2% 10px 0; position: relative }
#prod-hero .nav>li>a { padding: 23px 8px 14px; border-radius: 10px; text-align: center; color: #333; border: 1px solid #D2D2D2; width: 100%; }
#prod-hero .nav>li.sub.active a, #prod-hero .nav>li.sub a.active:hover { padding: 31px 8px 12px; }
#prod-hero .nav>li.sub a { padding: 32px 8px 13px; }
#prod-hero .nav h4 { font-size: 16px; font-weight: 500; position: relative; margin: 0 }
#prod-hero .nav p { color: #ccc; line-height: 1.2; margin: 0 }
#prod-hero .pur-info { margin: 0 0 25px; line-height: 1.4; }
#prod-hero .pur-info .savingsBadge { font-weight: 700 }
#prod-hero .tab-content { padding-top: 10px; clear: both; }
#prod-hero .nav>li .flag-value { color: #000; font-weight: 600; position: absolute; margin: 0 auto; height: 20px; padding-top: 1px; left: 0; right: 0; top: 0; font-size: 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #D2D2D2;}
#prod-hero .navigation-tabs>li.active>a .flag-value {background: #84DDDA; padding-top: 0; height: 20px; text-transform: uppercase;}
#prod-hero .hero-links { margin-top: 6px; }
#prod-hero .hero-links p { margin: 0 0 2px; }
#prod-hero .hero-links a,#prod-hero .hero-links i { line-height: 1; color: #333; }
#prod-hero .hero-links a:hover { text-decoration: underline }
.lto-box { background: none; border-left: 1px solid #D1D1D1; padding: 5px 5px 5px 15px; }
#prod-hero .lto-promo { position: inherit; margin-bottom: 3px }
#prod-hero .lto-box a { margin-top: 5px; display: block; }
#prod-hero .link-ug { float: right; margin-right: 10px; color: #333333; }
#prod-hero .link-ug:hover { text-decoration: underline }
#prod-hero .lto-promo-container h4 { font-size: 16px; font-weight: 600; margin-bottom: 5px }
#prod-hero .lto-promo-container p { font-size: 14px; color: #333; }
#prod-hero .lto-promo-container .link { text-decoration: none; display: inline-block; }
#prod-hero .lto-promo-container .link:hover { text-decoration: underline; color: #000; }
#prod-hero .lto-promo-container .save { font-size: 14px; color: #e61b7c }
#prod-hero .new { font-size: 16px;  font-weight: 500; color: #000; background-color: #cef1f0; display: inline-block; padding: 8px 12px; width: fit-content; border-radius: 10px; margin-top: 8px; }
.es #prod-hero .hero-links a { letter-spacing: -0.6px; }
.cn .purchase-box { margin: 20px -15px 0; }
.teams #prod-hero .content a.download { display: inline-block; }
#prod-hero { overflow: hidden; }
#prod-hero>.container {min-height: 450px;}
#prod-hero>.container::before { background-image: url(/static/mm/images/mindmanager/2023/prod-hero-bg.jpg); background-size: cover; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right center; }
.teams #prod-hero>.container::before { background-image: url(/static/mm/images/mindmanager/2023/teams/hero-teams.jpg); background-size: cover; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right center; }
.education #prod-hero>.container::before { background-image: url(/static/mm/images/mindmanager/2023/education/hero-education.jpg); background-size: cover; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right center; }
.essentials #prod-hero>.container::before { background-image: url(/static/mm/images/mindmanager/2023/essentials/hero-essentials.jpg); background-size: cover; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right top; }
.enterprise #prod-hero>.container::before { background-image: url(/static/mm/images/mindmanager/2023/enterprise/hero-enterprise.jpg); background-size: cover; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right top; }


#prod-hero.safari>.container::before { background-image: url(/static/mm/images/mindmanager/2023/prod-hero-bg.jpg); background-size: contain; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1050px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right top; }
.teams #prod-hero.safari>.container::before { background-image: url(/static/mm/images/mindmanager/2023/teams/hero-teams.jpg); background-size: contain; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right top -60px; }
.education #prod-hero.safari>.container::before { background-image: url(/static/mm/images/mindmanager/2023/education/hero-education.jpg); background-size: contain; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1120px; position: absolute; background-repeat: no-repeat; left: -430px; background-position: right top; }
.essentials #prod-hero.safari>.container::before { background-image: url(/static/mm/images/mindmanager/2023/essentials/hero-essentials.jpg); background-size: contain; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right top; }
.enterprise #prod-hero.safari>.container::before { background-image: url(/static/mm/images/mindmanager/2023/enterprise/hero-enterprise.jpg); background-size: contain; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 1000px; position: absolute; background-repeat: no-repeat; left: -360px; background-position: right top; }


.education #prod-hero .title .description { margin: 10px 0; line-height: 1.5;}
.education #prod-hero .download {display: inline-block}
.education #prod-hero .details i {display: block; margin: 10px 0}
.education .letter-spacing{letter-spacing: -0.8px}
.education .testimonial .trust { margin: 40px auto 0; max-width: 210px !important; height: auto;}
.education .quote p {font-size: 20px; margin: 1em auto; max-width: 900px;}
.education p.quote-author{ font-size: 16px; margin-bottom: 35px}
.education .freedom {background: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; }

#faq{background: #F5F5F5}
.faq-section h3 {font-size: 18px; margin: 20px 0; color: #3d539f; display: inline-block;}
.faq-section h4 {font-size: 14px; font-weight: bold; display: inline;}
.faq-section span {display: block; margin-left: 24px; margin-top: 5px;}
.faq-section ul { margin:0 0 20px; padding-left: 70px;}
.faq-section ul>li { margin:0 0 20px 0; }
.faq-section ul>li ul li{ margin:5px 0 0 0; }
.faq-item {border: 1px solid #9ea9cf; margin-bottom: 16px; padding: 0;}
.faq-section a.collapse-link {text-decoration: none;}
.faq-section span.glyphicon { display: inline-block; padding-right: 0; margin: 0 16px 0 20px; color: #3d539f;}
.option ol {border-top: 1px solid #9ea9cf; padding-top: 20px;}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg);}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg); }


.btn-offer { width: 100%; color: #000; border: 1px solid #D2D2D2; font-weight: 500; border-radius: 10px; text-transform: unset; font-size: 14px; padding: 14px 10px 15px; white-space: normal; }
.offer-tab li.active .btn-offer {color: #333; background-color: rgb(132 221 218 / 10%); border: 2px solid #84DDDA; padding: 13px 10px 14px; }
.btn-offer:hover { background-color: rgb(39 39 39 / 7%); border: 1px solid #A6A6A6; }
.btn-offer.active { box-shadow: none; }
.offer-tab { margin-top: 15px; list-style: none; padding: 0; display: flex;}
.offer-tab li { width: 48%; margin: 0 2% 10px 0; }
.heading{font-size: 18px}
.btn-get-a-quote{margin-top: 10px; margin-bottom: 40px}
.na-only, .no-na{display: none}
.na-only.vissible, .no-na.vissible{display: block}
.na-only.hidden, .no-na.hidden{display: none}
.offer-tab.na-only.vissible{display: flex}
@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; }
.teams #prod-hero #pricebrick { padding-top: 25px }
.essentials #sys-req p { font-size: 16px; }
.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 }
#product-nav.sticky #subnav { float: left }
#prod-hero #pricebrick { padding-top: 15px; border-top: 1px solid #D1D1D1; }
#prod-hero .details { padding-bottom: 10px; }
#prod-hero .tab-content { display: flex; }
#prod-hero .tab-content>.tab-pane { width: 100%; margin-right: -100%; display: block; visibility: hidden; }
#prod-hero .tab-content>.active { display: block; visibility: visible; }
.pricebrick .tab-pane { min-height: 320px; }
.cn #prod-hero { min-height: 520px; }
.education #prod-hero .product-info{min-height: 595px}
 #prod-hero .hero-links a{position: relative; padding-left: 26px}
 #prod-hero .hero-links a.enterprise-link{padding-left: 32px}
 #prod-hero a.guarantee-badge::before { display: inline-block; position: absolute; content: ""; background: url("/static/mm/images/icons/shield-dollar.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; left: 0; width: 20px; height: 20px; top: calc(50% - 10px); }
 #prod-hero a.enterprise-link::before { display: inline-block; position: absolute; content: ""; background: url("/static/mm/images/icons/building-05.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; left: 4px; width: 20px; height: 20px; top: calc(50% - 10px); }
 #prod-hero .hero-links p{margin: 0 0 6px;}
}

@media (min-width:992px) {
.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 #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 img.width-1100 { max-width: 1105px; }
.full-img img.mar-t-100 { top: 100px }
.full-img { overflow: hidden }
.accordion-list.full-img { position: relative; min-height: 700px; }
.accordion.full-width .images { position: inherit; width: 100%; }
.accordion.full-width .tab-content { width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0; }
.accordion.full-width .content { left: 0; top: 0; }
.accordion.full-width.right .content { right: 0; top: 0; float: right }
.accordion.full-width .tab-pane { height: 100%; width: 100%; background-color: #eeeeee; background-position: 50% 75%; background-repeat: no-repeat }
.essentials #features .accordion-list:nth-child(3) { min-height: 800px }
.essentials #features .accordion-list:nth-child(3) #image-4e img { max-width: 800px }
.testimonial .person img { height: 80px }
.testimonial .trust { height: 55px }
}

@media (max-width: 1439px) {
#prod-hero>.container::before { left: -50%; background-size: cover; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 100%; }
.education #prod-hero>.container::before { left: -52%; background-size: cover; height: 100%; -webkit-logical-height: -webkit-fill-available; width: 100%; background-position: right top; }
.essentials #prod-hero>.container::before { left: -50%; width: 100%; height: 100%; -webkit-logical-height: -webkit-fill-available; background-position: top right; }
.teams #prod-hero>.container::before { left: -50%; width: 100%; height: 100%; -webkit-logical-height: -webkit-fill-available; background-position: top right; }
.enterprise #prod-hero>.container::before { left: -50%; width: 100%; height: 100%; -webkit-logical-height: -webkit-fill-available; background-position: top right; }


#prod-hero.safari>.container::before { left: -460px; background-size: contain; width: 1050px; height: 100%; -webkit-logical-height: -webkit-fill-available; }
.education #prod-hero.safari>.container::before { left: -560px; background-size: contain; width: 1120px; height: 100%; -webkit-logical-height: -webkit-fill-available; background-position: right top; }
.essentials #prod-hero.safari>.container::before { left: -460px; background-size: contain; width: 1050px; height: 100%; -webkit-logical-height: -webkit-fill-available; background-position: right top; }
.teams #prod-hero.safari>.container::before { left: -460px; background-size: contain; width: 1000px; height: 100%; -webkit-logical-height: -webkit-fill-available; background-position: right top -60px; }
.enterprise #prod-hero.safari>.container::before { left: -460px; background-size: contain; width: 1000px; height: 100%; -webkit-logical-height: -webkit-fill-available; background-position: right top; }
}
@media (min-width: 1200px) {
 .education .freedom {background-position: left;}

}
@media (min-width: 2200px) {
#prod-hero, .accordion.full-width .tab-pane { background-size: auto; }
.accordion.full-width .tab-pane { background-color: #f4f4f4; }
}

@media (max-width:1199px) {
 #prod-hero .product-info{background: rgba(255,255,255,.9); }
}
@media (max-width:991px) {
.accordion-list h2 { margin-top: 20px; }
#prod-hero { background-position: 62% 0; }
.video-play { display: block; }
#overview .accordion .tab-pane { min-height: 400px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.accordion-list { padding: 20px 0 60px; }
#features .accordion-list:first-child { padding-top: 40px; }
#topic-info { margin-bottom: 60px }
}
@media (max-width:840px) {
 #prod-hero>.container::before {  background-size: cover; left: -50%; }
}

@media (max-width:767px) {
#prod-hero { padding-top: 250px; position: relative; }
#prod-hero .container { position: initial; }
#prod-hero>.container::before { height: 430px; width: 110%; left: -15%; top: -5%; background-position: center; }
.essentials #prod-hero>.container::before, .teams #prod-hero>.container::before { height: 700px; width: 200%; left: -20%; top: -18%; background-position: center; }
#prod-hero .lto-box a { margin-top: 0; }
#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: 40px; 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 }
#topic-info .sec-block { padding-bottom: 0; }
#product-nav .navbar-brand span.os-win, #product-nav .navbar-brand span.os-mac { display: none }
.lto-promo { position: relative; top: 0; margin-bottom: 10px; }
.freedom { background-position: right; }
#overview .accordion .tab-pane { min-height: 260px; }
#product-nav .nav-tabs { display: block; margin-bottom: 10px; }
#product-nav.sticky #buy { float: none; display: inline-block; margin: 0 0 20px; }
#product-nav .nav-tabs>li>a { padding: 10px; }
p.sys-req, #sys-req li { font-size: 16px; }
.sys-req a { word-break: break-word; }
#shop-now, #try-it-free, #try-it-free-mac, #shop-now-mac { margin-right: 5px; margin-left: 5px }
#prod-hero .product-info { background: #fff; padding: 30px 20px 20px; }
#prod-hero .title { font-size: 20px; font-weight: 500; line-height: 1.5; margin-top: 0; }
#prod-hero .title .description { font-size: 16px; margin-top: 10px; font-weight: 400; }
#prod-hero .details p { font-size: 13px; margin-bottom: 5px; }
#prod-hero .details { text-align: left; margin: 0 0 30px; }
#prod-hero .content p { font-size: 14px; margin: 0; }
#prod-hero .tagline { display: block !important; color: #ddd }
#prod-hero .stars img { margin: 0 0 2px; width: 65px; }
#prod-hero .po, #prod-hero .link-ug, #prod-hero .pur-info { display: none !important }
#prod-hero .navigation-tabs, #prod-hero .navigation-tabs>li { display: flex; }
#prod-hero .nav>li>a { text-align: center; display: flex; justify-content: center; align-content: center; flex-direction: column; padding: 10px 5px; min-height: 52px; }
#prod-hero .nav>li.sub a { padding: 10px 5px; }
#prod-hero .nav>li.active>a { padding: 9px 5px !important }
#prod-hero .nav>li.sub .flag-value { font-size: 10px; top: 4px; right: 0; text-align: center; }
#prod-hero .nav>li.sub.active .flag-value { top: 0; height: 16px; }
#prod-hero .nav h4 { font-size: 13px; }
#prod-hero .buy-options a { padding: 7px 20px 9px; }
#prod-hero .hero-links { margin-bottom: 20px }
#prod-hero .hero-links p { margin-bottom: 8px; }
#prod-hero .hero-links a { text-decoration: underline; font-size: 12px; }
.lto-box { border: 1px solid #D1D1D1; padding: 15px; }
#prod-hero .lto-promo-container p { line-height: 1.2 }
#prod-hero .lto-promo-container p.link { text-decoration: underline }
#prod-hero .content a.download { display: none!important; }
 .faq-section h2, .user-manuals h2 {font-size: 26px;}
 .faq-section h3, .support-section h3 {font-size: 16px;}
 .faq-item {margin: 15px 0;}
 .education #prod-hero>.container::before {height: 250px; width: 100%; left: -30px; top: 0; bottom: 0; background-position: center top -60px; background-size: cover;}
 .essentials #prod-hero>.container::before {height: 250px; width: 100%; left: -30px; top: 0; bottom: 0; background-position: center top -20px; background-size: cover;}
 .teams #prod-hero>.container::before {height: 250px; width: 100%; left: -30px; top: 0; bottom: 0; background-position: center top -50px; background-size: cover;}
 .enterprise #prod-hero>.container::before {height: 250px; width: 100%; left: -30px; top: 0; bottom: 0; background-position: center top -20px; background-size: cover;}
 .education #prod-hero .tab-content>.tab-pane {width: 100%;margin-right: -100%;display: none;visibility: hidden;}
 .education #prod-hero .tab-content>.active {display: block;visibility: visible;}
 .btn-offer {font-size: 13px;  }
.enterprise #prod-hero .product-info { padding: 30px 20px 20px; }
 #prod-hero .new { font-size: 16px; margin-top: 0;}

 .education #prod-hero.safari>.container::before {height: 250px; width: 100%; left: -30px; top: 0; bottom: 0; background-position: center top -60px; background-size: cover;}
 .essentials #prod-hero.safari>.container::before {height: 250px; width: 100%; left: -30px; top: 0; bottom: 0; background-position: center top -20px; background-size: cover;}
 .teams #prod-hero.safari>.container::before {height: 250px; width: 100%; left: -30px; top: -50px; bottom: 0; background-position: right top; background-size: contain; -webkit-logical-height: -webkit-fill-available; }
 .enterprise #prod-hero.safari>.container::before {height: 250px; width: 100%; left: -30px !important; top: 0; bottom: 0; background-position: center top -20px; background-size: cover;}
}
@media (max-width:550px) {
 .faq-section .body {display: flex; align-items: center;}
 .faq-item {padding: 0 15px;}
 .faq-section span.glyphicon {margin: 0 16px 0 0;}
 .faq-section ul {padding-left: 40px;}
}
@-webkit-keyframes fadeIn {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
@keyframes fadeIn {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
.show-vat { display: block !important;}