.page {
	font-family: -apple-system,'SF UI Text','Lucida Grande',Verdana,sans-serif;
	font-size: 17px;
	line-height: 1.333
}
.navigation {
	position: relative;
	z-index: 1001
}
strong {
	font-weight: 600
}
.slice {
	background-color: #fff
}
.slice.for-overview {
	background: #f0f0f0;
	padding-top: 46px;
	padding-bottom: 46px
}
.slice.for-features {
	padding-top: 69px
}
.slice.for-calltoaction {
	background-position: 50% 100%
}
.slice.for-calltoaction.for-mac {
	background-image: url(images/calltoaction-mac-background.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 800px 300px;
	-moz-background-size: 800px 300px;
	background-size: 800px 300px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.slice.for-calltoaction.for-mac {
	background-image: url(images/calltoaction-mac-background.2x.jpg)
}

}
.slice.for-calltoaction.for-ipad,.slice.for-calltoaction.for-iphone {
background-image: url(images/calltoaction-ios-background.jpg);
background-repeat: no-repeat;
-webkit-background-size: 582px 300px;
-moz-background-size: 582px 300px;
background-size: 582px 300px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.slice.for-calltoaction.for-ipad,.slice.for-calltoaction.for-iphone {
background-image: url(images/calltoaction-ios-background.2x.jpg)
}

}
.slice.for-calltoaction.for-watch {
background-image: url(images/calltoaction-watch-background.jpg);
background-repeat: no-repeat;
-webkit-background-size: 800px 300px;
-moz-background-size: 800px 300px;
background-size: 800px 300px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.slice.for-calltoaction.for-watch {
background-image: url(images/calltoaction-watch-background.2x.jpg)
}

}
.slice.for-calltoaction {
padding-top: 23px;
padding-bottom: 23px
}
.slice.for-calltoaction.for-mac {
padding-top: 100px
}
.slice.for-tweets {
padding-top: 138px;
padding-bottom: 115px;
background-color: #f7f7f8
}
.slice.for-footer {
background-color: #f7f7f8
}
.backgroundextension {
background-color: #f7f7f8
}
.tweetgrid-actions.style-append .tweetgrid-button {
min-width: 15em
}
.feature-figure .video video,.feature-figure .video-poster {
-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.1),0 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.1),0 0 1px 1px rgba(0,0,0,.1);
-o-box-shadow: 0 0 8px 1px rgba(0,0,0,.1),0 0 1px 1px rgba(0,0,0,.1);
-ms-box-shadow: 0 0 8px 1px rgba(0,0,0,.1),0 0 1px 1px rgba(0,0,0,.1);
box-shadow: 0 0 8px 1px rgba(0,0,0,.1),0 0 1px 1px rgba(0,0,0,.1)
}
.hero {
position: relative;
padding-top: 60px
}
@media all and (min-width:875px) {.hero-description {
max-width: 75%
}

}
.hero-figure {
width: 1300px;
height: 740px;
margin-top: -50px;
margin-left: -400px
}
@media all and (max-width:605px) {.hero-figure {
margin-left: -500px;
margin-bottom: 30px
}

}
.hero.for-mac .hero-figure {
background-image: url(images/hero-mac.jpg);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero.for-mac .hero-figure {
background-image: url(images/hero-mac.2x.jpg)
}

}
.hero.for-iphone .hero-figure {
background-image: url(images/hero-iphone.jpg);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero.for-iphone .hero-figure {
background-image: url(images/hero-iphone.2x.jpg)
}

}
.hero.for-ipad .hero-figure {
background-image: url(images/hero-ipad.jpg);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero.for-ipad .hero-figure {
background-image: url(images/hero-ipad.2x.jpg)
}

}
.hero-header {
margin-bottom: 20px
}
.hero-logo {
width: 240px;
height: 80px;
text-indent: -999em;
overflow: hidden
}
.hero.for-mac .hero-logo {
background-image: url(images/hero-mac-logo.png);
background-repeat: no-repeat;
-webkit-background-size: 240px 80px;
-moz-background-size: 240px 80px;
background-size: 240px 80px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero.for-mac .hero-logo {
background-image: url(images/hero-mac-logo.2x.png)
}

}
.hero.for-iphone .hero-logo {
background-image: url(images/hero-iphone-logo.png);
background-repeat: no-repeat;
-webkit-background-size: 240px 80px;
-moz-background-size: 240px 80px;
background-size: 240px 80px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero.for-iphone .hero-logo {
background-image: url(images/hero-iphone-logo.2x.png)
}

}
.hero.for-watch .hero-logo {
background-image: url(images/hero-watch-logo.png);
background-repeat: no-repeat;
-webkit-background-size: 240px 80px;
-moz-background-size: 240px 80px;
background-size: 240px 80px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero.for-watch .hero-logo {
background-image: url(images/hero-watch-logo.2x.png)
}

}
.hero.for-ipad .hero-logo {
background-image: url(images/hero-ipad-logo.png);
background-repeat: no-repeat;
-webkit-background-size: 240px 80px;
-moz-background-size: 240px 80px;
background-size: 240px 80px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero.for-ipad .hero-logo {
background-image: url(images/hero-ipad-logo.2x.png)
}

}
.hero-text {
font-size: 20px;
line-height: 1.25;
color: #777
}
.hero-actions {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100px
}
.hero-button {
display: block
}
.hero-button.for-appstore,.hero-button.for-macappstore {
text-indent: -999em;
overflow: hidden;
opacity: .75;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
.hero-button.for-appstore:hover,.hero-button.for-macappstore:hover {
opacity: .9
}
.hero-button.for-macappstore {
width: 181px;
height: 44px;
background-image: url(images/button-macappstore-download.png);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero-button.for-macappstore {
background-image: url(images/button-macappstore-download.2x.png)
}

}
.hero-button.for-appstore {
width: 169px;
height: 50px;
background-image: url(images/button-appstore-download-small.png);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero-button.for-appstore {
background-image: url(images/button-appstore-download-small.2x.png)
}

}
.hero-button.for-download {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
font-size: 14px;
line-height: normal!important;
padding-left: 1em;
padding-right: 1em;
text-align: center;
color: #fff;
background: #79a9ec;
border: 1px solid #639be9;
-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;
display: block;
width: 180px;
line-height: 1.1!important;
font-weight: 500
}
.hero-button.for-download:hover {
color: #fff;
background: #82afed;
border-color: #6ca0ea;
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)
}
.hero-button.for-download:active {
border-color: #5e98e8;
background: #79a9ec;
-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
}
.hero-button.for-download:focus {
-webkit-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-moz-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-o-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-ms-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
box-shadow: 0 0 0 2px rgba(121,169,236,.5);
outline: 0
}
.hero-badge {
display: block;
position: absolute
}
.hero-badge.for-appstorebestof2013 {
width: 150px;
height: 70px;
left: 720px;
top: 358px;
/*background-image: url(images/review-ipad-awards-appstorebestof2013.png);*/
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.hero-badge.for-appstorebestof2013 {
/*background-image: url(images/review-ipad-awards-appstorebestof2013.2x.png)*/
}

}
.overview {
font-size: 15px;
line-height: 1.25
}
.overview-list {
display: block;
margin-left: -24px;
margin-right: -24px
}
.overview-item {
display: inline-block;
zoom: 1;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 33.33333333%;
padding-left: 24px;
padding-right: 24px;
margin-right: -.5em;
margin-bottom: 18.75px
}
@media all and (max-width:875px) {.overview-item {
width: 50%
}

}
.overview-link {
display: block;
margin: -5px -8px;
padding: 5px 8px;
border: 1px solid transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px
}
.overview-link:hover {
background: rgba(122,155,215,.1)
}
.overview-headline {
margin-bottom: 0;
font-weight: 500;
letter-spacing: .015em
}
.overview-link:hover .overview-headline {
color: #6495ed
}
.overview-description {
font-weight: 400;
color: #888
}
.overview-link:hover .overview-description {
color: rgba(100,149,237,.75)
}
.overview-icon {
display: none
}
.feature {
position: relative;
padding-top: 69px;
padding-bottom: 69px;
font-size: 17px;
line-height: 1.333;
color: #222;
color: #666
}
@media screen and (min-width:605px) {.feature {
zoom: 1;
clear: both;
margin-left: -24px;
margin-right: -24px
}
.feature:after,.feature:before {
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden
}
.feature:after {
clear: both
}

}
.feature-figure {
position: relative;
z-index: 999;
margin-top: 23px;
text-align: center
}
@media screen and (min-width:605px) {.feature-figure {
margin-top: 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding-left: 24px;
padding-right: 24px
}

}
.feature-description {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1000
}
@media screen and (min-width:605px) {.feature-description {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding-left: 24px;
padding-right: 24px
}

}
.feature-header {
margin-bottom: 12px
}
.feature-headline {
font-family: '.SFUIDisplay-Medium','.SFNSDisplay-Medium',-apple-system,'SF UI Display','Helvetica Neue',sans-serif;
font-size: 1.333em;
line-height: 1.2;
font-weight: 500;
color: #111
}
.feature-byline {
margin-bottom: 23px;
font-size: 1.22em;
line-height: 1.2;
font-weight: 400;
color: #aaa
}
.feature-intro {
font-size: 20px;
line-height: 1.25;
color: #222;
margin-bottom: 23px
}
.feature-em {
font-style: normal;
color: #6495ed
}
.feature-p {
margin-bottom: 23px
}
.feature-link {
color: #6495ed;
text-decoration: none;
background-image: url(images/feature-link.png);
background-repeat: no-repeat;
-webkit-background-size: 10px 15px;
-moz-background-size: 10px 15px;
background-size: 10px 15px;
background-position: 100% 50%;
padding-right: 12px
}
.feature-link:hover {
text-decoration: underline
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.feature-link {
background-image: url(images/feature-link@2x.png)
}

}
.feature-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
font-size: 17px;
line-height: normal!important;
padding-left: 1em;
padding-right: 1em;
text-align: center;
color: #fff;
background: #79a9ec;
border: 1px solid #639be9;
-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;
font-weight: 500
}
.feature-button:hover {
color: #fff;
background: #82afed;
border-color: #6ca0ea;
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)
}
.feature-button:active {
border-color: #5e98e8;
background: #79a9ec;
-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
}
.feature-button:focus {
-webkit-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-moz-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-o-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-ms-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
box-shadow: 0 0 0 2px rgba(121,169,236,.5);
outline: 0
}
@media screen and (min-width:605px) {.feature-figure.for-thingscloud {
padding-top: 33px
}

}
@media screen and (min-width:605px) {.feature-figure.for-mac-easy {
padding-top: 44px
}

}
@media screen and (min-width:605px) {.feature-figure.for-mac-quickentry {
padding-top: 80px
}

}
@media screen and (min-width:605px) {.feature-figure.for-mac-quickentry-autofill {
padding-top: 36px
}

}
@media screen and (min-width:605px) {.feature-figure.for-mac-dailyreview {
padding-top: 100px
}

}
@media screen and (min-width:605px) {.feature-figure.for-mac-workflow {
padding-top: 44px
}

}
@media screen and (min-width:605px) {.feature-figure.for-iphone-easy {
padding-top: 20px
}

}
@media screen and (min-width:605px) {.feature-figure.for-iphone-instant {
padding-top: 20px
}

}
.reviewawards {
margin: 3em 0
}
.reviewawards-item {
margin-bottom: 23px;
color: #777
}
.reviewawards-image {
width: 100%;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat
}
.reviewawards-image.for-mac {
width: 390px;
height: 50px;
background-image: url(images/reviewawards-mac-wide.png);
background-size: 390px 50px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {.reviewawards-image.for-mac {
background-image: url(images/reviewawards-mac-wide.2x.png)
}

}
@media screen and (max-width:875px) {.reviewawards-image.for-mac {
width: 100%;
height: 130px;
background-image: url(images/reviewawards-mac-stacked.png);
background-size: 195px 130px;
background-position: 50% 50%
}

}
@media screen and (max-width:875px) and (-webkit-min-device-pixel-ratio:1.5) {.reviewawards-image.for-mac {
background-image: url(images/reviewawards-mac-stacked.2x.png)
}

}
.reviewawards-image.for-iphone {
height: 65px;
background-image: url(images/reviewawards-iphone.png);
background-size: 130px 65px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {.reviewawards-image.for-iphone {
background-image: url(images/reviewawards-iphone.2x.png)
}

}
@media screen and (max-width:605px) {.reviewawards-image.for-iphone {
background-position: 50% 50%
}

}
.reviewawards-image.for-ipad {
height: 70px;
background-image: url(images/reviewawards-ipad.png);
background-size: 240px 70px
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {.reviewawards-image.for-ipad {
background-image: url(images/reviewawards-ipad.2x.png)
}

}
@media screen and (max-width:605px) {.reviewawards-image.for-ipad {
background-position: 50% 50%
}

}
.reviewquote {
margin-bottom: 46px
}
.reviewquote-content {
padding: 1em 2em 1.25em 2em;
margin: 11.5px 0;
text-align: center;
color: #3d598b;
background: #e4ecfc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px
}
.reviewquote-quotes {
display: block;
float: left;
width: 1em;
margin-left: -1em;
margin-top: -.3em;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 3em;
text-align: right;
opacity: .5
}
.reviewquote-quotes.is-end {
float: right;
margin-right: -1em;
margin-top: 0;
text-align: left
}
.reviewquote-author {
color: #e4ecfc;
color: #666;
text-align: right
}
.reviewquote-stars {
font-family: sans-serif;
color: #ebd847
}
.calltoaction-row {
zoom: 1;
clear: both;
margin-left: -24px;
margin-right: -24px
}
.calltoaction-row:after,.calltoaction-row:before {
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden
}
.calltoaction-row:after {
clear: both
}
.calltoaction-row.for-ios {
padding-bottom: 160px
}
.calltoaction-row.for-watch {
padding-bottom: 230px
}
@media screen and (max-width:685px) {.calltoaction-row.for-mac {
padding-bottom: 180px
}

}
.calltoaction-column {
position: relative
}
.calltoaction-column.for-macappicon,.calltoaction-column.for-macappstore,.calltoaction-column.for-macdownload {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 33.33333333%;
padding-left: 24px;
padding-right: 24px
}
.calltoaction-column.for-appstore {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-align: center
}
.calltoaction-column.for-macappstore {
text-align: right
}
@media screen and (max-width:685px) {.calltoaction-column.for-macappicon {
display: none
}
.calltoaction-column.for-macappstore,.calltoaction-column.for-macdownload {
width: 50%
}

}
@media screen and (max-width:525px) {.calltoaction-column.for-macappstore,.calltoaction-column.for-macdownload {
width: 100%;
text-align: center
}

}
.calltoaction-fineprint {
margin-bottom: 23px;
font-size: 12px;
line-height: 1.2;
color: #777
}
.calltoaction-link:hover {
text-decoration: underline
}
.calltoaction-arrow {
position: absolute;
top: -140px;
left: 0;
width: 140px;
height: 140px;
background-image: url(images/calltoaction-arrow.png);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.calltoaction-arrow {
background-image: url(images/calltoaction-arrow.2x.png)
}

}
@media screen and (max-width:525px) {.calltoaction-arrow {
display: none
}

}
.calltoaction-button.for-macdownload {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
font-size: 15px;
line-height: normal!important;
padding-left: 1em;
padding-right: 1em;
display: inline-block;
margin-bottom: 12px;
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: #79a9ec;
border: 1px solid #639be9;
-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
}
.calltoaction-button.for-macdownload:hover {
color: #fff;
background: #82afed;
border-color: #6ca0ea;
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)
}
.calltoaction-button.for-macdownload:active {
border-color: #5e98e8;
background: #79a9ec;
-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
}
.calltoaction-button.for-macdownload:focus {
-webkit-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-moz-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-o-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-ms-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
box-shadow: 0 0 0 2px rgba(121,169,236,.5);
outline: 0
}
.calltoaction-button.for-macappstore {
display: inline-block;
width: 181px;
height: 44px;
margin-bottom: 12px;
text-align: left;
text-indent: -999em;
overflow: hidden;
background-image: url(images/button-macappstore-download.png);
background-repeat: no-repeat;
-webkit-background-size: 181px 44px;
-moz-background-size: 181px 44px;
background-size: 181px 44px;
opacity: .75;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.calltoaction-button.for-macappstore {
background-image: url(images/button-macappstore-download.2x.png)
}

}
.calltoaction-button.for-macappstore:hover {
opacity: .9
}
.calltoaction-button.for-appstore {
display: inline-block;
width: 203px;
height: 60px;
margin-bottom: 12px;
text-align: left;
text-indent: -999em;
overflow: hidden;
background-image: url(images/button-appstore-download-large.png);
background-repeat: no-repeat;
-webkit-background-size: 203px 60px;
-moz-background-size: 203px 60px;
background-size: 203px 60px;
opacity: .75;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0px) {.calltoaction-button.for-appstore {
background-image: url(images/button-appstore-download-large.2x.png)
}

}
.calltoaction-button.for-appstore:hover {
opacity: .9
}
.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-family: '.SFUIDisplay-Medium','.SFNSDisplay-Medium',-apple-system,'SF UI Display','Lucida Grande',Verdana,sans-serif;
font-size: 24px;
line-height: 1.1;
font-weight: 500;
color: #777;
color: #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: #79a9ec;
border-color: #639be9;
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: #5592e7;
background: #70a3eb;
-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(121,169,236,.5);
-moz-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-o-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
-ms-box-shadow: 0 0 0 2px rgba(121,169,236,.5);
box-shadow: 0 0 0 2px rgba(121,169,236,.5);
outline: 0
}