/* base css */
a {
  color: #dee8f2;
}
a.whitebg {
  color: #0066cc;
}
a,
a:link,
a:visited,
a:active,
a.products,
a.products:link,
a.products:visited,
a.products:active {
  text-decoration: none;
}
a span:hover {
  text-decoration: underline;
}
sup {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-size: 75%;
  line-height: 75%;
  -webkit-text-size-adjust: 120%;
}
body {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  width: 100% !important;
  background-color: #ffffff;
}
* {
  -webkit-font-smoothing: antialiased;
}
p {
  font-size: 16px !important;
  letter-spacing: -0.05rem;
}

/* gradient bg */
body {
  background: -webkit-linear-gradient(
    90deg,
    rgb(255, 255, 255) 0%,
    rgb(229, 230, 246) 20%,
    rgb(219, 227, 237) 40%,
    rgb(221, 232, 238) 60%,
    rgb(226, 228, 248) 80%,
    rgb(255, 255, 255) 100%
  );
}

/* structure css */
.main_container {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  padding: 0 20px;
  margin: 0 auto;
  ___min-width: 320px;
  ____max-width: 734px;
  display__: flex;
  flex-direction__: column;
}
header,
section.reason10 ul li {
  font-weight: 600;
  font-size: calc(2.1rem / 0.625);
  line-height: calc(2.2rem / 0.625);
  letter-spacing: -1px;
}

header span.red {
  color: #f44542;
  display: block;
}
section {
  text-align: center;
}

/* sections css */
section.hdr {
  padding: 45px 0 5px 0;
}
section.hdr button,
section.hdr a.aButton {
  margin: 28px 0 15px;
}

section.reason {
  border-radius: 20px;
  overflow: hidden;
  text-align: left;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
section.reason .sectionwrap {
  padding: 28px 28px 14px 28px;
}
section.reason.black {
  background: #000;
  color: #fff;
}
section.reason.white {
  background: #fff;
  color: #000;
}
section.reason h3 {
  margin: 0;
  font-size: 1.4rem;
}
section.reason header,
section.reason10 ul li {
  font-size: calc(2.1rem / 0.625);
  line-height: calc(2.2rem / 0.625);
  margin: 5px 0;
}

section.buynow {
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
section.buynow p {
  font-size: 1rem;
  letter-spacing: -0.05rem;
}
section.buynow .sectionwrap {
  padding: 28px 40px 14px 40px;
}
section.buynow.black {
  background: #000;
  color: #fff;
}
section.buynow.white {
  background: #fff;
  color: #000;
}
section.buynow h3 {
  margin: 0;
  font-size: 1.4rem;
}
section.buynow header {
  font-size: 2.1rem;
  line-height: 2.2rem;
  margin: 5px 0;
}

section.legal {
  background: #f5f5f7;
  text-align: center;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

/* specific section details */
section.reason1 div.sectionwrap {
  display: flex;
  flex-direction: column;
}
section.reason1 img.M2 {
  width: 63%;
  margin-left: 0;
  align-self: center;
  margin-bottom: 20px;
}

section.reason2 p {
  letter-spacing: -0.04rem;
}
section.reason2 img.mbair {
  display: block;
  width: 80%;
  align-self: flex-end;
  padding-bottom: 25px;
  padding-top: 25px;
}
section.reason2 img.mbair-full {
  display: none;
}

section.reason3 header {
  color: #34c759;
  background: linear-gradient(180deg, white 13%, #34c759 13%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.reason3 p {
  letter-spacing: normal;
}
section.reason3 img.battery {
  width: 53%;
  margin-left: 28px;
  align-self: baseline;
  margin-bottom: 28px;
  margin-top: 70px;
}

section.reason4 p {
  letter-spacing: normal;
}
section.reason4 img.people {
  width: 85%;
  margin-left: 0;
  margin-top: 90px;
  margin-bottom: 0;
  align-self: center;
}
section.reason4 img.people3 {
  display: none;
}

section.reason5 p {
  letter-spacing: -0.03rem;
}
section.reason5 img.macs {
  width: 80%;
  margin-left: 0;
  margin-top: 90px;
  margin-bottom: 0;
  align-self: center;
}
section.reason5 img.macs3 {
  display: none;
}

section.reason6 p {
  letter-spacing: -0.02rem;
}
section.reason6 a {
  color: #fff;
}
section.reason6 {
  color: #fff;
  background: -webkit-linear-gradient(-90deg, rgb(19, 152, 109) 0%, rgb(42, 122, 133) 100%);
}
section.reason6 img.dollar {
  width: 40%;
  margin-top: 50px;
  margin-bottom: 28px;
  align-self: flex-start;
  margin-left: 28px;
}

section.reason7 p {
  letter-spacing: -0.03rem;
}
section.reason7 img.keyboard {
  display: block;
  width: 90%;
  margin-left: 0;
  margin-top: 90px;
  margin-bottom: 0;
  align-self: flex-end;
}
section.reason7 img.keyboardwide {
  display: none;
}

section.reason8 .excel {
  color: #00a760;
}
section.reason8 .zoom {
  color: #3e8cff;
}
section.reason8 .slack {
  color: #6d1a78;
}
section.reason8 p {
  letter-spacing: -0.03rem;
}
section.reason8 img.businessapps {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-top: 40px;
  margin-bottom: 0;
  align-self: center;
}
section.reason8 img.businessapps5 {
  display: none;
}

section.reason9 p {
  letter-spacing: normal;
}
section.reason9 img.lock {
  width: 27%;
  margin-top: 80px;
  margin-right: 28px;
  margin-bottom: 28px;
  align-self: flex-end;
}

section.reason10 ul {
  list-type: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
section.reason10 li {
  list-type: none;
  display: inline-block;
}
section.reason10 li img.heart {
  height: 2.1rem;
  margin-left: 8px;
  margin-right: 8px;
}
section.reason10 img.macandiphone {
  width: 90%;
  margin-top: 50px;
  margin-right: 0;
  margin-bottom: 28px;
  align-self: flex-end;
}

section.reason11 p {
  letter-spacing: -0.03rem;
}
section.reason11 img.imacs {
  width: 50%;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 28px;
  align-self: center;
}
section.reason11 img.imacs-horiz {
  display: block;
  width: 90%;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 28px;
  align-self: center;
}
/*section.reason11 img.imacs-horiz { display:none; }
section.reason11 img.imacs { display:block; }*/

section.reasonsbuywrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
}
section.reasonsbuywrap header {
  align-self: center;
  text-align: center;
  font-size: 2.5rem;
  line-height: 2.7rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}
section.reasonsbuywrap ul {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 1.3rem;
}
section.reasonsbuywrap ul li {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

section.reasonsbuy {
  display: flex;
  flex-wrap: wrap;
}
section.reasonsbuy .buynow {
  flex-basis: 100%;
  margin-bottom: 0.6rem;
}

section.buynow {
  overflow: visible_;
}
section.buynow a.bButton span.gt {
  margin-left: 5px;
}
section.buynow .sectionwrap {
  padding: 28px 10px 14px 10px;
}
section.buynow .sectionwrap .grey {
  color: #86868b;
}
section.buynow .aButton {
  align-self: center;
  margin-top: auto;
  font-size: 14px;
  color: #0066cc;
}
section.buynow img.hero {
  width: auto;
  max-height: 9rem;
  margin-bottom: 1.5rem;
}
section.buynow p {
  font-size: 0.95rem;
}
section.buynow img.hero.macbookpros {
  width: auto;
  max-height: 10.25rem;
  margin-top: calc(30px - 1.5rem);
}
section.buynow img.hero.imac {
  width: auto;
  max-height: 12.5rem;
  margin-top: calc(34px - 1.5rem);
}
section.buynow img.hero.macmini {
  width: auto;
  max-height: 4.75rem;
  margin-top: calc(2rem);
}
section.buynow img.wmstacked {
  display: block;
  height: 8rem;
  margin-left: 0;
  margin-top: 18px;
  margin-bottom: 18px;
  align-self: center;
  display: block;
  margin: 0 auto;
}
section.buynow img.wm {
  height: 6rem;
  margin-left: 0;
  margin-top: 18px;
  margin-bottom: 18px;
  align-self: center;
  display: block;
  margin: 0 auto;
}
section.buynow img.wmmacbookpros {
  display: none;
}
section.legal .sectionwrap {
  padding: 20px 40px;
}

/*		section.buynow p { letter-spacing: -0.03rem; padding: 0 10px 10px; }
section.buynow img.hero { width:100%; margin-left:0; margin-top:30px; margin-bottom:28px; align-self:center; }
section.buynow img.wm { height:1.1rem; margin-left:0; margin-top:18px; margin-bottom:18px; align-self:center; }

section.buynow img.hero.imac { width:80%; margin-left:0; margin-top:30px; margin-bottom:28px; align-self:center; }
*/

section.legal .sectionwrap {
  padding: 20px 55px;
  color: #555;
}
section.legal ol {
  padding-left: 0;
}
section.legal li {
  font-size: calc(0.9rem / 0.625);
  line-height: calc(1.1rem / 0.625);
  text-align: left;
  margin-top: 10px;
}

/* buttons css */
.aButton {
  background-color: transparent;
  border-radius: 50px;
  border: 1px solid #666666;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-size: 1.1rem;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
  max-width: 10rem;
  margin: 0 auto;
}
.aButton:hover {
  background-color: #eeeeee;
}
.aButton:active {
  position__: relative;
  top__: 1px;
}

/* media queries css */
/* iPhone SE adjusters */
@media screen and (max-width: 374px) and (orientation: portrait) {
  .main_container {
    padding: 0;
  }
}

/* media queries css */
/* Medium */
@media screen and (min-width: 735px) and (max-width: 1068px) {
  .main_container {
    padding: 0 45px;
    margin: 0 auto;
    __min-width: 320px;
    __max-width: 734px;
  }
  section.hdr header {
    font-weight: 600;
    font-size: calc(3.65rem / 0.625);
    line-height: calc(3.65rem / 0.625);
    letter-spacing: -1px;
  }
  section.reason p {
    font-size: 16px !important;
    letter-spacing: -0.01rem;
  }

  section.reasons23,
  section.reasons45,
  section.reasons67,
  section.reasons89 {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  section.reason2,
  section.reason3,
  section.reason4,
  section.reason5,
  section.reason6,
  section.reason7,
  section.reason8,
  section.reason9 {
    width: 48.5%;
  }

  section.reason1 p {
    padding-right: 100px;
  }
  section.reason1 img.M1 {
    width: 51%;
    margin-left: 0;
    align-self: flex-end;
    margin-bottom: 15px;
    margin-right: 15px;
  }

  section.reason3 img.battery {
    margin-top: auto;
  }
  section.reason4 p {
    letter-spacing: normal;
  }
  section.reason4 a {
    letter-spacing: -0.02rem;
  }
  section.reason5 img.macs {
    margin-top: auto;
  }
  section.reason5 p {
    letter-spacing: -0.02rem;
  }
  section.reason6 img.dollar {
    margin-top: auto;
  }
  section.reason9 img.lock {
    margin-top: auto;
  }
  section.reason10 p {
    width: 47%;
  }
  section.reason10 img.macandiphone {
    width: 65%;
    margin-top: -90px;
    margin-right: -13%;
    margin-bottom: 28px;
    align-self: flex-end;
  }
  section.reason11 p {
    width: 55%;
  }
  section.reason11 img.imacs-horiz {
    display: block;
    width: 70%;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 28px;
    align-self: center;
  }
  section.reason11 img.imacs {
    display: none;
  }

  section.reasonsbuywrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 90px;
    padding-right: 90px;
  }
  section.reasonsbuywrap header {
    align-self: center;
    text-align: center;
    font-size: 3.5rem;
    line-height: 3.8rem;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  section.reasonsbuywrap ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.3rem;
  }
  section.reasonsbuywrap ul li {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }

  section.reasonsbuy {
    display: flex;
    flex-wrap: wrap;
  }
  section.reasonsbuy .buynow {
    flex-basis: 50%;
  }

  section.buynow {
    margin-top: 50px;
  }
  section.buynow .sectionwrap {
    padding: 28px 10px 14px 10px;
  }
  section.buynow .sectionwrap .grey {
    color: #86868b;
  }
  section.buynow .aButton {
    align-self: center;
    margin-top: auto;
    font-size: 14px;
    color: #0066cc;
  }
  section.buynow img.hero {
    width: auto;
    max-height: 6.75rem;
  }
  section.buynow p {
    font-size: 0.95rem;
  }
  section.buynow img.hero.macbookpros {
    width: auto;
    max-height: 8.25rem;
    margin-top: calc(-1.5rem);
  }
  section.buynow img.hero.imac {
    width: auto;
    max-height: 9.5rem;
    margin-top: calc(34px - 1.5rem);
  }
  section.buynow img.hero.macmini {
    width: auto;
    max-height: 3rem;
    margin-top: calc(4px + 6.9rem);
  }
  section.buynow img.wm {
    height: 4.5rem;
    margin-left: 0;
    margin-top: 18px;
    margin-bottom: 18px;
    align-self: center;
    display: block;
    margin: 0 auto;
  }
  section.legal .sectionwrap {
    padding: 20px 40px;
  }
  section.buynow img.wm {
    display: block;
  }
  section.buynow img.wmstacked {
    display: none;
  }
}

/* media queries css */
/* Large */
@media screen and (min-width: 1069px) and (max-width: 3008px) {
  .main_container {
    padding: 0 45px;
    margin: 0 auto;
    __min-width: 320px;
    __max-width: 734px;
  }
  section.hdr header {
    font-weight: 600;
    font-size: calc(4rem / 0.625);
    line-height: calc(4.4rem / 0.625);
    letter-spacing: -1px;
  }
  section.reason .sectionwrap {
    padding: 40px 28px 14px 40px;
  }
  section.reason h3 {
    font-size: calc(1.8rem / 0.625);
  }
  section.reason header,
  section.reason10 ul li {
    font-size: calc(3.1rem / 0.625);
    line-height: calc(3.2rem / 0.625);
    margin: 5px 0;
  }
  section.reason p {
    font-size: 16px !important;
    letter-spacing: -0.01rem;
  }

  section.reasons23,
  section.reasons45,
  section.reasons67,
  section.reasons89 {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  section.reason2,
  section.reason3,
  section.reason4,
  section.reason5,
  section.reason6,
  section.reason7,
  section.reason8,
  section.reason9 {
    width: 49.1%;
  }

  section.reason1 {
    flex-direction: row;
  }
  section.reason1 .sectionwrap {
    width: 40%;
  }
  section.reason1 header {
    margin-top: 70px;
  }
  section.reason1 p {
    padding-right: 120px;
  }
  section.reason1 img.M2 {
    width: 42%;
    margin-left: 0;
    align-self: flex-end;
    margin-bottom: 50px;
    margin-top: 40px;
    margin-right: 15px;
  }

  section.reason2 {
    width: 65%;
  }
  section.reason2 img.mbair {
    display: none;
  }
  section.reason2 img.mbair-full {
    display: block;
    width: 70%;
    align-self: center;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  section.reason2 p {
    width: 90%;
  }
  section.reason3 {
    width: 33%;
  }
  section.reason3 .sectionwrap {
    padding-right: 40px;
  }
  span.shorten {
    display: none;
  }
  section.reason3 img.battery {
    width: 43%;
    margin-top: auto;
    margin-left: 40px;
    margin-bottom: 40px;
  }
  section.reason4 p {
    letter-spacing: normal;
    width: 80%;
  }
  section.reason4 img.people {
    display: none;
  }
  section.reason4 img.people3 {
    display: block;
    margin-top: auto;
    width: 75%;
    margin-left: 0;
    margin-bottom: 0;
    align-self: center;
  }

  section.reason4 a {
    letter-spacing: -0.02rem;
  }
  section.reason5 p {
    letter-spacing: -0.02rem;
    width: 95%;
  }
  section.reason5 p {
    letter-spacing: -0.02rem;
    width: 95%;
  }
  section.reason5 header {
    width: 80%;
  }
  section.reason5 img.macs {
  }
  section.reason5 img.macs {
    display: none;
  }
  section.reason5 img.macs3 {
    display: block;
    margin-top: auto;
    padding-top: 150px;
    width: 75%;
    margin-left: 0;
    margin-bottom: 0;
    align-self: center;
  }

  section.reason6 {
    width: 33%;
  }
  section.reason6 img.dollar {
    margin-top: auto;
    margin-bottom: 40px;
    margin-left: 40px;
  }
  section.reason6 header {
    width: 90%;
  }

  section.reason7 {
    width: 65%;
  }
  section.reason7 header {
    width: 80%;
  }
  section.reason7 img.keyboard {
    display: none;
  }
  section.reason7 img.keyboardwide {
    display: block;
    width: 89%;
    margin-left: 0;
    margin-top: 90px;
    margin-bottom: 0;
    align-self: flex-end;
  }

  section.reason8 header {
    width: 90%;
  }
  section.reason8 p {
    width: 95%;
  }
  section.reason8 img.businessapps {
    display: none;
  }
  section.reason8 img.businessapps5 {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 140px;
    margin-bottom: 0;
    align-self: center;
  }

  section.reason9 img.lock {
    margin-top: auto;
  }
  section.reason9 header {
    width: 80%;
  }
  section.reason9 p {
    width: 73%;
  }
  section.reason9 img.lock {
    width: 18%;
    margin-top: auto;
    margin-right: 40px;
    margin-bottom: 40px;
    align-self: flex-end;
  }

  section.reason10 {
    flex-direction: row;
  }
  section.reason10 .sectionwrap {
    width: 36%;
  }
  section.reason10 img.macandiphone {
    width: 65%;
    margin-top: 20px;
    margin-right: -2%;
    margin-bottom: 20px;
    align-self: flex-end;
  }

  section.reason11 {
    flex-direction: row;
  }
  section.reason11 .sectionwrap {
    width: 37%;
    padding-right: 0px;
  }
  section.reason11 .sectionwrap header {
    margin-top: 80px;
  }
  section.reason11 .sectionwrap p {
    width: 70%;
  }
  section.reason11 img.imacs-horiz {
    display: block;
    width: 50%;
    margin-left: 0;
    margin-top: 40px;
    margin-bottom: 40px;
    align-self: center;
  }
  section.reason11 img.imacs {
    display: none;
  }

  section.reasonsbuywrap {
    display: flex;
    flex-direction: column;
    margin---top: 80px;
    margin-bottom: 80px;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 110px;
    padding-bottom: 110px;
  }
  section.reasonsbuywrap header {
    align-self: center;
    text-align: center;
    font-size: 4.3rem;
    line-height: 4.6rem;
    font-weight: 600;
    margin-bottom: 2rem;
  }
  section.reasonsbuywrap ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.3rem;
  }
  section.reasonsbuywrap ul li {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }

  section.reasonsbuy {
    display: flex;
    flex-wrap: wrap;
  }
  section.reasonsbuy .buynow {
    flex-basis: 33.333333%;
  }

  section.buynow {
    padding: 0;
  }
  section.buynow .sectionwrap {
    padding: 28px 10px 14px 10px;
  }
  section.buynow .sectionwrap .grey {
    color: #86868b;
  }
  section.buynow .bButton {
    align-self: center;
    margin-top: auto;
    font-size: 14px;
    color: #0066cc;
  }
  section.buynow img.hero {
    width: auto;
    max-height: 6.75rem;
  }
  section.buynow p {
    font-size: 0.95rem;
  }
  section.buynow img.hero.macbookpros {
    width: auto;
    max-height: 8.25rem;
    margin-top: calc(1.9rem);
  }
  section.buynow img.hero.imac {
    width: auto;
    max-height: 9.5rem;
    margin-top: calc(34px - 1.5rem);
  }
  section.buynow img.hero.macmini {
    width: auto;
    max-height: 3rem;
    margin-top: calc(4px + 6.9rem);
  }
  section.buynow img.wm {
    height: 5.5rem;
    margin-left: 0;
    margin-top: 18px;
    margin-bottom: 18px;
    align-self: center;
    display: block;
    margin: 0 auto;
  }
  section.legal .sectionwrap {
    padding: 20px 100px;
  }
  section.buynow img.wm {
    display: block;
  }
  section.buynow img.wmstacked {
    display: none;
  }
}

/* media queries css */
/* iPad adjusters */

@media screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  section.reason header {
    font-size: calc(2.8rem / 0.625);
    line-height: 2.9rem;
  }
  section.reason11 .sectionwrap {
    width: 27%;
    padding-right: 0px;
  }
  section.reason11 img.imacs-horiz {
    width: 67%;
  }
}