/* Hero */
.mind-mapping #hero {background: url(/static/mm/images/mind-mapping/background-centered.png); color: #fff; background-size: cover; background-repeat: no-repeat; }
#hero {padding-top: 30px; padding-bottom: 60px; font-size: 18px;}
.hero-body-color{ color: #4c4c4c;}
.black-friday #hero {background: rgb(1, 1, 1);}
/* Sitenav */
.mind-mapping #sitenav .navbar-brand img, .mac #sitenav .navbar-brand img, .enterprise #sitenav .navbar-brand img, .windows #sitenav .navbar-brand img { width: 310px; }
#sitenav.no-menu .navbar-brand { width: auto; height: auto; }
#sitenav.no-menu .navbar-header p { color: white !important; }
.no-menu #trial-click-btn-win.link-img img {width: 33px;position: absolute;top: 8px;right: 23px;}
.no-menu #trial-click-btn-mac.link-img img {width: 33px;position: absolute;top: 5px;right: 23px;}
#trial-click-btn-win.link-img img {width: 33px;position: absolute;top: 8px;right: 23px;}
#trial-click-btn-mac.link-img img {width: 33px;position: absolute;top: 5px;right: 23px;}
.mac #logo-bar, .windows #logo-bar { background: #000; }
.mac #hero, .windows #hero { padding-top: 0; }
.enterprise #hero {background: url('/static/mm/images/mindmanager/enterprise-page-hero-b6.png'); color: #fff; background-size: cover; background-repeat: no-repeat; background-position: bottom; }


/* Buttons */
.no-menu .button span { display: block; font-weight: 400; text-transform: uppercase; font-size: 12px; }
.no-menu .button { display: inline-table; }
.button.trial-btn a {font-size: 25px;}
.button.trial-btn span { display: block; font-weight: 400; text-transform: uppercase; font-size: 12px; }
.nl #trial-click-btn, .nl #shop-now {width: 182px;}
.black-friday .btn-primary {background-color: #ff0600;border: 1px solid #ff0600;}
.black-friday .btn-primary:hover {opacity: 0.85;}
/* Body */
.try-free-cta {background-color: #f1f1f1; font-size: 18px;}
.try-free-cta h4 {font-size: 30px; padding-bottom: 10px;}
.white-bg .try-free-cta { background-color: #ffffff;}
.arrow {margin-top: -7%;}
.de .companies img {width: 75%;}
.companies img, .integrate img {width: 100%;}
.what-can-do ul {padding-bottom: 20px;}
.nb10 .arrow {display: none;}
.landing.os a {width: 225px;}
.de .landing.os a {width: 325px;}
.es .landing.os a {width: 325px;}
.fr .landing.os a {width: 270px;}
.jp .landing.os a {width: 250px;}
.landing.os a.width-auto {width: auto;}
.img-responsive {display: initial;}
.btn.focus, .btn:focus, .btn:hover {color:#fff;}
#bf-special {padding-top: 30px;padding-bottom: 30px;}
.head-badge { position: absolute !important; top: 0; right: 0;z-index: 10;}
#base {background: #F26522;display: inline-block;height: 5.75em;margin-right: 1.563em;position: relative;width: 8.5em;color: #fff;text-align: center;font-size: .875em;line-height: 1.375em;font-weight: 600;padding-top: 1.938em;padding-left: 0.7em;padding-right: .7em;}
#base span { font-size: 3.5em; display: block; }
#base:before {border-top: 1.563em solid #F26522;border-left: 4.25em solid transparent;border-right: 4.25em solid transparent;content: "";height: 0;left: 0;position: absolute;top: 5.74em;width: 0;}
.july4 .img-responsive {display: table;}
.narrow-content .container {max-width: 800px;}
/* Font */
#hero h1 { font-size: 40px; }
#hero h1, #hero h2 { color: #000; }
#hero h1 span {display: block; font-size: 36px;}
.mind-mapping h4 {font-size: 24px; padding-bottom: 10px;}
.mind-mapping .hero-copy p {color:#333;}
.upgrade #hero h2 {color:#333;line-height: 1.3;}
.black-friday #hero h1 {color:#ff0600;}
.black-friday #hero h3, .black-friday #hero p {color:#fff;}
.info-section {font-size: 18px;}
.note-section {font-size: 14px;}
.blue { color: #3b51a3; }
.text-right { text-align: right;}
.padding-t-40 { padding-top: 40px; }
.padding-b-40 { padding-bottom: 40px; }
.padding-b-60 { padding-bottom: 60px; }
.black-bg { background-color: #000000; color: #ffffff; }
.float-right{ float: right;}
.margin-15 {margin: 15px;}
.no-margin-bottom{margin-bottom: 0}
.no-pad-bottom{padding-bottom: 0}

.pricebrick.no-price .BuyLink,
.pricebrick.no-price .tab-pane .button{
    margin-top: 0;
}

.number-icon {background: #3952A4; padding: 1px 15px 3px 15px; border-radius: 63%; color: white; font-size: 33px; font-weight: 800; margin-left: -3px; margin-right: 10px;}

img.img-mac-border{ border: 0.7em solid #000; border-radius: 20px;}
#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;
}

/* Footer */
.ft-links { display: none; }

@media (min-width:768px) {
.what-can-do img, .global-companies img, .get-started img {width: 100%}
.arrow img {width: 80%;}
}

@media (max-width: 767px) {
#sitenav.no-menu #navbar {text-align:center;}
#sitenav.no-menu .navbar-brand {position: static;text-align: center; width: 100%;}
#sitenav.no-menu .navbar-brand>img {display: inline;width: 60%;}
#sitenav.no-menu .os a {width: auto;}
#sitenav.no-menu .btn {margin:0;}
#sitenav.no-menu .text-right{text-align: center;}
.free-trial-cta .col-sm-8 {text-align: center;}
.free-trial-cta .col-sm-4 {text-align: center;}
.arrow img {width: 121%;}
.try-free-cta.what-can-do .col-sm-3 img.responsive {width: 100%;}
.integrate .col-sm-3:nth-child(2) {padding-top:40px;}
.helper {display: inline-block;vertical-align: middle;}
.integrate .col-xs-4 {height: 90px;}
.companies img, .integrate img {width: 75%;}
.global-companies img {width: 55%;}
.upgrade #hero {padding: 30px 0;}
.upgrade #hero img{padding-top: 150px;}
.upgrade .info-section .col-sm-4 {padding: 20px 0 20px 0;}
.narrow-content #hero.black-bg .padding-t-35 {padding: 0px;}
}