.productswitch-nav {
	margin: 24px 0;
	text-align: center
}
.productswitch-link {
	margin: 0;
	padding: 0;
	display: inline-block;
	zoom: 1;
	padding: .2em 0;
	margin: .5em .5em;
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
	font-weight: 700;
	color: #303336;
	xcolor: #0e64dd;
	xbackground-color: #fafcff;
	xborder: 1px solid #d4e5fc;
	cursor: pointer
}
.productswitch-link.is-selected,.productswitch-link.is-selected:hover {
	border-bottom: 3px solid #303336
}
.productswitch-link:hover {
	border-bottom: 3px solid rgba(48,51,54,.5)
}
.productswitch.is-initialized .productswitch-pane {
	display: none
}
.productswitch.is-initialized .productswitch-pane.is-selected {
	display: block
}
.shot.is-scaling img,.shot.is-scaling video {
	display: block;
	max-width: 100%;
	height: auto;
	overflow: hidden
}
@media screen and (min-width:605px) {.shot.is-expanded-mac {
	width: 500px
}

}
.shot.is-center-aligned {
margin: 0 auto
}
.shot.is-right-aligned {
zoom: 1
}
.shot.is-right-aligned:after,.shot.is-right-aligned:before {
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden
}
.shot.is-right-aligned:after {
clear: both
}
.shot.is-right-aligned .shot-content {
float: right
}
.device {
margin: 0 auto;
max-width: 100%;
height: auto;
background-repeat: no-repeat;
background-size: 100% auto
}
.device.is-iphone {
width: 335px;
background-image: url(images/device-iphone.png);
background-image: url(images/device-iphone-small.png)
}
.device.is-iphone .device-screen {
height: 0;
padding-left: 12.5%;
padding-right: 12.5%;
padding-bottom: 186.6%
}
.device.is-iphone .device-screen img,.device.is-iphone .device-screen video {
display: block;
width: 250px;
max-width: 100%;
padding-top: 36%
}
body {
font-size: 18px;
line-height: 1.25;
color: #303336
}
.slice.for-testing {
background: #f0f2f4
}
.slice.for-collage {
background-color: #d5d9de
}
.slice.for-feature {
padding-top: 50px;
padding-bottom: 50px
}
.slice.for-gray {
background: #f2f4f7;
background-color: #f0f2f6;
background: #dce0e5;
background: #f3f5f7
}
.slice.for-gray+.slice.for-gray {
border-top: 8px solid #fff
}
.slice.has-cut-off-shot-at-bottom {
padding-bottom: 0
}
.slice.for-herobanner {
background-color: #f2f5f7
}
.slice.for-tweets {
padding-top: 50px;
padding-bottom: 50px;
background: #f2f4f7;
background-color: #f0f2f6;
border-top: 8px solid #fff
}
.slice.for-footer {
padding-top: 80px
}
.cinema.for-thingsthree-with-frame video {
border: 1px solid transparent
}
.cinema.for-thingsthree-with-frame.has-played video {
border-color: rgba(4,15,26,.06)
}
.hheading {
margin-top: 1em;
margin-bottom: 1em;
font-weight: 400;
font-size: 2.5em;
line-height: 1.2
}
.hparagraph {
font-size: 1.25em;
margin-bottom: 1.25em
}
.fheading {
margin-top: 1em;
margin-bottom: 1em;
font-weight: 700;
font-size: 2.25em;
line-height: 1.05;
text-align: center
}
.fheading.has-icon:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
margin-left: -10px;
margin-right: 10px;
vertical-align: -.25em;
background-image: url(images/fheading-icons-2x.png);
background-repeat: no-repeat;
-webkit-background-size: 300px 150px;
-moz-background-size: 300px 150px;
background-size: 300px 150px;
background-position: 0 0
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.fheading.has-icon:before {
background-image: url(images/fheading-icons-2x.png)
}

}
.fheading.has-icon.for-today:before {
background-position: -50px 0
}
.fheading.has-icon.for-upcoming:before {
background-position: -100px 0
}
.fheading.has-icon.for-headings:before {
background-position: -150px 0
}
.fheading.has-icon.for-checklists:before {
background-position: -200px 0
}
.fheading.has-icon.for-magicplus:before {
background-position: -250px 0
}
.fheading.has-icon.for-quickfind:before {
background-position: 0 -50px
}
.fheading.has-icon.for-when:before {
background-position: -50px -50px
}
.fheading.has-icon.for-listediting:before {
background-position: -100px -50px
}
.fheading.has-icon.for-reminders:before {
background-position: -150px -50px
}
.fheading.has-icon.for-slimmode:before {
background-position: -200px -50px
}
.fheading.has-icon.for-multiplewindows:before {
background-position: -250px -50px
}
.fheading.has-icon.for-littlethings:before {
background-position: 0 -100px
}
.fsubheading {
margin-top: 1.8em;
margin-bottom: .6em;
font-weight: 700;
font-size: 1em
}
.fparagraph {
font-size: 1em;
margin-bottom: 1.25em
}
.fintroduction {
font-size: 1.15em;
margin-bottom: 1.25em
}
.herobanner {
xheight: 300px
}
@media screen and (min-width:875px) {.herobanner {
xheight: 500px
}

}
.herobanner-logo {
margin: 0 auto;
text-indent: -999em;
overflow: hidden;
width: 300px;
height: 140px;
background-image: url(images/herologo-theallnewthings.png);
background-repeat: no-repeat;
-webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%
}
@media screen and (min-width:605px) {.herobanner-logo {
width: 360px;
height: 168px
}

}
.herobanner-text {
max-width: 75%;
margin: 0 auto;
margin-bottom: 40px
}
.herobanner-introduction {
margin-bottom: 1.2em;
font-size: 1.25em;
text-align: center;
color: rgba(4,15,26,.7)
}
@media screen and (min-width:605px) {.herobanner-introduction {
font-size: 1.5em
}

}
.herobanner-paragraph {
margin-bottom: 1.2em;
font-size: 1.15em;
text-align: center;
color: rgba(4,15,26,.7)
}
@media screen and (min-width:605px) {.herobanner-paragraph {
font-size: 1.25em
}

}
.featureplaylink {
txext-decoration: underline;
cursor: pointer;
color: #5c9cf5
}
.featureplaylink:hover {
color: #5c9cf5
}
.featureplaylink.is-playing {
color: #9399a5
}
.featureplaylink:active {
color: #26344a
}
.featureplaylink:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
margin-left: 0;
margin-right: 4px;
font-size: 18px;
vertical-align: -4px;
background-image: url(images/featureplaybutton-small.png);
background-repeat: no-repeat;
-webkit-background-size: 24px 96px;
-moz-background-size: 24px 96px;
background-size: 24px 96px;
background-position: 0 -72px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.featureplaylink:before {
background-image: url(images/featureplaybutton-small-2x.png)
}

}
.featureplaylink:hover:before {
background-position: 0 -24px
}
.featureplaylink.is-playing:before {
background-position: 0 0;
opacity: .5
}
.featureplaylink:active:before {
background-position: 0 0;
opacity: 1
}
.tweets-header {
margin-bottom: 30px;
text-align: center
}
.tweets-body {
margin-bottom: 30px
}
.tweets-footer {
text-align: center
}
.tweets-headline {
display: inline-block;
padding: 13px 60px;
font-size: 24px;
line-height: 1.1;
font-weight: 700;
xcolor: #777;
xcolor: #7b8084;
background-image: url(/global/shared/2015-04-29/images/tweetgrid-twitterlogo.png);
background-repeat: no-repeat;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;
background-position: 0 0
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.tweets-headline {
background-image: url(/global/shared/2015-04-29/images/tweetgrid-twitterlogo.2x.png)
}

}
.tweets-followbutton {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px;
font-size: 14px;
line-height: normal!important;
padding-left: 1em;
padding-right: 1em;
min-width: 15em;
font-family: '.SFUIText-Medium','.SFNSText-Medium',-apple-system,'SF UI Text','Lucida Grande',Verdana,sans-serif;
font-weight: 500;
text-align: center;
color: #fff;
background: #b1bfc3;
border: 1px solid #aebdc1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: box-shadow .1s ease-out;
-moz-transition: box-shadow .1s ease-out;
-o-transition: box-shadow .1s ease-out;
transition: box-shadow .1s ease-out
}
.tweets-followbutton:hover {
color: #fff;
background: #5095f7;
border-color: #3787f6;
text-decoration: none;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 2px 4px rgba(0,0,0,.2);
-ms-box-shadow: 0 2px 4px rgba(0,0,0,.2);
box-shadow: 0 2px 4px rgba(0,0,0,.2)
}
.tweets-followbutton:active {
border-color: #297ef5;
background: #468ff6;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
-o-box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
-ms-box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
box-shadow: 0 1px 3px rgba(0,0,0,.2) inset
}
.tweets-followbutton:focus {
-webkit-box-shadow: 0 0 0 2px rgba(80,149,247,.5);
-moz-box-shadow: 0 0 0 2px rgba(80,149,247,.5);
-o-box-shadow: 0 0 0 2px rgba(80,149,247,.5);
-ms-box-shadow: 0 0 0 2px rgba(80,149,247,.5);
box-shadow: 0 0 0 2px rgba(80,149,247,.5);
outline: 0
}
.boxlink {
position: relative;
padding: 10px 40px;
text-align: center;
color: #26344a;
border-radius: 8px;
border: 1px solid transparent
}
.boxlink:hover {
border-color: rgba(38,52,74,.15)
}
.boxlink:active {
border-color: transparent;
background-color: rgba(38,52,74,.1)
}
.boxlink:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 30px;
background: red;
background: url(images/boxlink-arrow-2x.png) no-repeat;
background-size: 120px 40px;
background-position: 0 50%
}
.boxlink-title {
margin: .1em 0;
font-size: 36px;
font-weight: 700;
line-height: 1
}
.boxlink-description {
margin: .1em 0;
font-size: 18px;
color: rgba(38,52,74,.5)
}
.boxlink-image {
display: block;
margin: 8px auto
}
.boxlink.for-whatsnew {
max-width: 420px;
margin: 40px auto
}
.whatsthings {
max-width: 440px;
margin: 40px auto;
text-align: center
}
.whatsthings-heading {
margin: .1em 0;
font-size: 36px;
font-weight: 700;
line-height: .95;
color: #26344a
}
.whatsthings-description {
max-width: 400px;
margin: .5em auto;
font-size: 18px;
color: rgba(38,52,74,.5)
}
.whatsthings-icon {
position: relative;
display: inline-block;
width: 50px;
height: 1px;
vertical-align: baseline
}
.whatsthings-icon:after {
content: '';
position: absolute;
display: block;
top: -36px;
left: 0;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-size: 100%
}
.whatsthings.for-download .whatsthings-icon:after {
background-image: url(images/whatsthings-download.png)
}
.whatsthings.for-twitter .whatsthings-icon:after {
background-image: url(images/whatsthings-twitter.png)
}
.whatsthings-link {
color: #5c9cf5;
text-decoration: underline
}
.whatsnew {
max-width: 440px;
margin: 40px auto;
text-align: center
}
.whatsnew-heading {
margin: .1em 0;
font-size: 39.6px;
font-weight: 700;
line-height: .95;
color: #26344a
}
.whatsnew-description {
max-width: 400px;
margin: .5em auto;
font-size: 19.8px;
color: rgba(38,52,74,.7)
}
.whatsnew-link {
color: #5c9cf5;
text-decoration: underline
}
.productcard {
position: relative;
margin: 30px 0;
color: #26344a;
font-size: 18px;
line-height: 1.2;
border-left: 1px solid rgba(38,52,74,.2);
padding-left: 14px
}
.productcard-title {
font-weight: 700
}
.productcard-description {
margin-bottom: 1.1em;
font-size: 16px;
color: rgba(38,52,74,.5)
}
.productcard-description a {
text-decoration: underline
}
.productcard-appicon {
margin-left: -8px;
margin-bottom: 4px;
display: block;
max-width: 100%;
height: auto
}
.productcard-appicon.for-mac {
margin-left: -15px
}
.productcard-action {
margin: 8px 0
}
.productcard-appstorebutton {
display: block;
width: 160px;
max-width: 100%;
height: auto;
opacity: .77
}
.productcard-appstorebutton.for-mac {
width: 196px
}
.productcard-appstorebutton:hover {
opacity: 1
}
.productcard-downloadbutton {
display: inline-block;
height: 32px;
padding: 5px 30px 5px 40px;
color: #fff;
font-size: 16px;
line-height: 15px;
font-weight: 700;
background: #fa1955 url(images/button-download-arrow-2x.png) no-repeat;
background-size: 32px 32px;
background-position: 4px 50%;
border-radius: 6px
}
.productcard-downloadbutton:hover {
background-color: #e60541
}
.productcard-downloadbutton:active {
background-color: #d2043b
}
@media screen and (max-width:605px) {.productcard {
border-left: none;
padding-top: 30px;
padding-left: 130px
}
.productcard-appicon {
position: absolute;
top: 20px;
left: 10px
}
.productcard-appstorebutton {
width: 160px
}
.productcard-appstorebutton.for-mac {
width: 160px
}

}
.nicequote {
position: relative;
margin: 10px 0;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.333;
color: #303336
}
.nicequote-bubble {
position: relative;
border-left: 2px solid rgba(147,153,165,.5);
padding-left: 10px
}
.nicequote-content {
padding: 0;
margin-bottom: .7em
}
.nicequote-author {
font-weight: 700;
color: #9399a5;
color: #fa1955
}
.nicequote a {
text-decoration: underline
}
.nicequote a:hover {
color: #fa1955
}
.nicequote-editorschoice {
display: inline-block;
padding: 0 5px;
margin-left: .25em;
background: #9399a5;
color: #fff;
font-family: -apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif;
font-weight: 700;
font-style: normal;
border-radius: 3px
}
.nicequotes {
margin: 50px 0;
font-size: 16px;
line-height: 1.333;
color: #303336
}
@media screen and (min-width:605px) {.nicequotes-row {
zoom: 1;
clear: both;
margin-left: -12px;
margin-right: -12px
}
.nicequotes-row:after,.nicequotes-row:before {
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden
}
.nicequotes-row:after {
clear: both
}
.nicequotes-item {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding-left: 12px;
padding-right: 12px
}
.nicequotes-item.is-double {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding-left: 12px;
padding-right: 12px
}

}
.nicequotes-bubble {
border-left: 2px solid #fa1955;
border-left: 2px solid rgba(147,153,165,.5);
padding-left: 10px;
margin-bottom: 40px
}
.nicequotes-content {
padding: 0;
margin-bottom: .7em
}
.nicequotes-author {
font-weight: 700;
color: #9399a5;
color: #fa1955
}
.nicequotes mark {
padding: 0 4px;
xcolor: #fff;
xxcolor: #483d04;
xfont-weight: 700;
xbackground-color: #fa1955;
xbackground-color: rgba(250,208,0,.9);
border-radius: 2px;
color: inherit;
background-color: transparent;
background-color: rgba(38,52,74,.15);
xborder-bottom: 2px solid #fa1955
}
.nicequotes a {
text-decoration: underline
}
.nicequotes a:hover {
color: #fa1955
}
.nicequotes-editorschoice {
display: inline-block;
padding: 0 5px;
margin-left: .25em;
background: #9399a5;
color: #fff;
font-family: -apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif;
font-weight: 700;
font-style: normal;
border-radius: 3px
}
.collage img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto
}

}
.smallthings ul {
zoom: 1;
clear: both;
margin-left: -12px;
margin-right: -12px
}
.smallthings ul:after,.smallthings ul:before {
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden
}
.smallthings ul:after {
clear: both
}
.smallthings li {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 1.2em
}
.smallthings h4 {
font-weight: 700
}
.spacer.is-small {
height: 30px
}
.spacer.is-medium {
height: 60px
}
.spacer.is-large {
height: 90px
}
@media screen and (min-width:605px) {.spacer.if-compact-is-small {
height: 30px
}
.spacer.if-compact-is-medium {
height: 60px
}
.spacer.if-compact-is-large {
height: 90px
}

}