.contentContainer, .landing_constrained { max-width: 1170px; }

.contentContainer, .landing_constrained { padding-left: 15px; padding-right: 15px; margin: 0 auto; *zoom: 1; }
.contentContainer:before, .contentContainer:after, .landing_constrained:before, .landing_constrained:after { content: " "; display: table; }
.contentContainer:after, .landing_constrained:after { clear: both; }
@media (max-width: 767px) { .contentContainer, .landing_constrained { width: 100%; } }

.contentContainer { position: relative; }

#header { background: #222222; height: 90px; position: relative; z-index: 9; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (max-width: 767px) { #header { height:  130px; height:  8.125rem; } }
#header .contentContainer { background: #222222; }

.header_links a { height:  46px; height:  2.875rem; margin-top:  20px; margin-top:  1.25rem; line-height:  48px; line-height:  3rem; padding:  0px 14px; padding:  0rem 0.875rem; color: #aaaaaa; text-decoration: none; float: left; display: block; font-size:  18px; font-size:  1.125rem; }
.header_links a:hover { color: white; }
@media (max-width: 767px) { .header_links { position: absolute; width: 100%; top:  84px; top:  5.25rem; }
  .header_links a { width: 50%; float: left; margin: 0; font-size:  16px; font-size:  1rem; line-height:  42px; line-height:  2.625rem; text-align: center; background: #d9281f; color: white; }
  .header_links a:hover { background: #ca2017; } }

#logo { color: white; font-size:  30px; font-size:  1.875rem; line-height:  80px; line-height:  5rem; height:  90px; height:  5.625rem; font-family: "ff-tisa-web-pro", serif; background: transparent; float: left; display: block; text-align: center; position: relative; border-right: none !important; padding-left:  56px; padding-left:  3.5rem; }
@media (max-width: 767px) { #logo { margin: 0; display: block; float: none; position: absolute; top:  -4px; top:  -0.25rem; left: 50%; margin-left:  -105px; margin-left:  -6.5625rem; } }
#logo:hover { text-decoration: none; color: white; }
#logo #logo_icon { height:  44px; height:  2.75rem; width:  44px; width:  2.75rem; background-image: url("../img/logo_icon.png"); background-size: 100% 100%; background-color: #eaeaea; background-position: center center; background-repeat: no-repeat; display: block; border-radius:  4px; border-radius:  0.25rem; position: absolute; left: 0; top: 50%; margin-top:  -22px; margin-top:  -1.375rem; }

#prem_check { position: absolute; top: 0; left: 0; width:  1px; width:  0.0625rem; height:  1px; height:  0.0625rem; opacity: 0; z-index: -1; }

#bookmarkletInstructions { background: #ca2017; position: fixed; top: 0; left: 0; line-height: 40px; color: white; width: 100%; font-size: 16px; z-index: 99999; padding: 0 20px; -webkit-font-smoothing: antialiased; -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; transition: height 0.2s ease; height: 0; overflow: hidden; }
#bookmarkletInstructions i { margin-right: 2px; }
#bookmarkletInstructions.active { display: block; height: 40px; }

.webPages { cursor: pointer; color: #333333; }
.webPages:hover { color: #111111; }

.sizer { font-size:  16px; font-size:  1rem; position: relative; width:  570px; width:  35.625rem; height:  420px; height:  26.25rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; float: left; }
@media (max-width: 767px) { .sizer { width: 100%; float: none; font-size:  8px; font-size:  0.5rem; height:  210px; height:  13.125rem; } }

.sideExplain { font-size:  20px; font-size:  1.25rem; line-height: 1.6em; color: #444444; width:  340px; width:  21.25rem; margin-left:  610px; margin-left:  38.125rem; }
.sideExplain .tagger { line-height: 1.7em; margin-top:  90px; margin-top:  5.625rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (max-width: 767px) { .sideExplain { width: 100%; margin-left: 0; clear: none; font-size:  15px; font-size:  0.9375rem; }
  .sideExplain .tagger { margin-top:  14px; margin-top:  0.875rem; padding:  0px 12px; padding:  0rem 0.75rem; text-align: center; } }

.appLinks { clear: both; color: #666666; -webkit-font-smoothing: antialiased; padding:  32px 0px; padding:  2rem 0rem; background: #dddddd; text-align: center; font-size:  18px; font-size:  1.125rem; margin-top:  20px; margin-top:  1.25rem; display: none; }
.appLinks a { text-decoration: none; color: #333333; margin:  0px 3px; margin:  0rem 0.1875rem; }

#introContent { padding:  50px 0px 54px; padding:  3.125rem 0rem 3.375rem; position: relative; }
@media (max-width: 767px) { #introContent { padding:  20px 0px; padding:  1.25rem 0rem; } }

.howRow { padding:  46px 0px 56px; padding:  2.875rem 0rem 3.5rem; background: rgba(0, 0, 0, 0.05); }
.howRow .howTitle { font-size:  26px; font-size:  1.625rem; margin-bottom:  20px; margin-bottom:  1.25rem; padding-left:  20px; padding-left:  1.25rem; color: #333333; font-weight: 500; }
@media (max-width: 767px) { .howRow { padding:  20px 0px; padding:  1.25rem 0rem; text-align: center; } }

.appRow { padding:  20px 0px; padding:  1.25rem 0rem; text-align: center; color: white; -webkit-font-smoothing: antialiased; background: #222222; }

.step { position: relative; line-height: 1.7em; }
.step .step_circle { width:  36px; width:  2.25rem; height:  36px; height:  2.25rem; position: absolute; background: #333333; color: white; top:  0px; top:  0rem; left:  20px; left:  1.25rem; border-radius:  36px; border-radius:  2.25rem; text-align: center; padding-top:  1px; padding-top:  0.0625rem; font-size:  16px; font-size:  1rem; }
.step .step_circle .icon-later { top:  4px; top:  0.25rem; padding-left:  1px; padding-left:  0.0625rem; position: relative; }
.step .step_circle .icon-suitcase { top:  3px; top:  0.1875rem; position: relative; }
.step .step_circle .icon-bookmark { position: relative; top:  4px; top:  0.25rem; }
.step .stepTop { font-weight: 700; font-size:  20px; font-size:  1.25rem; line-height: 1.4em; margin-bottom:  10px; margin-bottom:  0.625rem; color: #333333; padding-left:  42px; padding-left:  2.625rem; padding-top:  3px; padding-top:  0.1875rem; }
.step.last { border-right: none; }
@media (max-width: 767px) { .step.third { margin-bottom:  20px; margin-bottom:  1.25rem; padding-bottom:  24px; padding-bottom:  1.5rem; border-bottom: solid 1px white; }
  .step:last-child { border: none; margin-bottom: 0; }
  .step .step_circle { left: 50%; margin-left:  -20px; margin-left:  -1.25rem; width:  40px; width:  2.5rem; height:  40px; height:  2.5rem; border-radius:  40px; border-radius:  2.5rem; font-size:  16px; font-size:  1rem; }
  .step .step_circle .icon-later { top:  4px; top:  0.25rem; }
  .step .step_circle .icon-suitcase { top:  4px; top:  0.25rem; }
  .step .step_circle .icon-bookmark { top:  5px; top:  0.3125rem; }
  .step .stepTop { padding-top:  44px; padding-top:  2.75rem; margin-bottom:  2px; margin-bottom:  0.125rem; padding-left: 0; } }

.deviceSlide { cursor: pointer; margin:  0px 1px; margin:  0rem 0.0625rem; font-weight: 700; color: #666666; cursor: pointer; }
.deviceSlide:hover { color: #222222; }
.deviceSlide.active { color: #222222; text-decoration: none; }

.createAccount { padding: 15px 18px 17px; font-size: 18px; line-height: 20px; color: white; -webkit-font-smoothing: antialiased; border-radius: 6px; background: #222222; display: inline-block; min-width: 120px; background: #d9281f; text-align: center; -webkit-transition: background 0.1s ease; -moz-transition: background 0.1s ease; transition: background 0.1s ease; margin-right: 3px; position: relative; top: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.createAccount:hover { background: #ca2017; text-decoration: none; }
@media (max-width: 767px) { .createAccount { margin: 0 auto; display: block; width:  200px; width:  12.5rem; } }

.actioner { margin-top: 18px; margin-top:  14px; margin-top:  0.875rem; font-size:  18px; font-size:  1.125rem; }

.number { font-size:  12px; font-size:  0.75rem; font-weight: 500; text-align: center; position: absolute; top: 0; width:  25px; width:  1.5625rem; height:  25px; height:  1.5625rem; line-height:  25px; line-height:  1.5625rem; border-radius:  25px; border-radius:  1.5625rem; background: #333333; color: #cccccc; top:  1px; top:  0.0625rem; left:  0px; left:  0rem; }

.testimonials { padding:  46px 0px 50px; padding:  2.875rem 0rem 3.125rem; }
.testimonials.iphoneTest { padding:  10px 0px 50px; padding:  0.625rem 0rem 3.125rem; }
.testimonials .testimonialTitle { font-size:  20px; font-size:  1.25rem; margin-bottom:  20px; margin-bottom:  1.25rem; color: #333333; font-weight: 600; }
.testimonials .quote { font-size:  18px; font-size:  1.125rem; margin-bottom:  6px; margin-bottom:  0.375rem; line-height:  28px; line-height:  1.75rem; }
.testimonials .source { font-size:  17px; font-size:  1.0625rem; line-height:  24px; line-height:  1.5rem; color: #666666; }
.testimonials .source a { color: #666666; text-decoration: none; }
.testimonials .source a:hover { color: #0074bf; }
@media (max-width: 767px) { .testimonials { padding:  20px 0px; padding:  1.25rem 0rem; text-align: center; }
  .testimonials .quote { font-size:  15px; font-size:  0.9375rem; }
  .testimonials .source { font-size:  14px; font-size:  0.875rem; } }

.pager { position: absolute; display: none; bottom:  66px; bottom:  4.125rem; right: 0; }
.pager .page { background: #aaaaaa; width:  12px; width:  0.75rem; height:  12px; height:  0.75rem; border-radius:  12px; border-radius:  0.75rem; margin-left:  7px; margin-left:  0.4375rem; float: left; cursor: pointer; }
.pager .page:hover { background: #333333; }
.pager .page.active { background: #222222; }

.android_group .androider { font-size:  18px; font-size:  1.125rem; height:  452px; height:  28.25rem; width: 50%; }
.android_group .androider .android { border-radius:  2.125em; top:  0em; height:  25.125em; }
.android_group .androider .android .innerDevice { height:  25.125em; border-radius:  2.125em; }
.android_group .androider .android .screen { height:  20.625em; top:  2.25em; }
.android_group .androider .android .home { display: none; }
@media (max-width: 767px) { .android_group .androider { padding: 0; float: none !important; margin: 0 auto; font-size: 14px; width:  174px; width:  10.875rem; height:  352px; height:  22rem; } }

.iphone_landing { padding: 80px 0 60px; position: relative; }
.iphone_landing .sizer { position: relative; float: left; cursor: default; }
.iphone_landing .sizer.ipader { width: 44%; height:  31.875em; }
.iphone_landing .sizer.iphoner { display: none; width: 22%; height:  23.5em; margin-top:  8.375em; }
.iphone_landing .ios { font-size: 16px; position: relative; margin-left: 15px; }
@media (min-width: 992px) { .iphone_landing .sizer.iphoner { display: block; } }
@media (max-width: 767px) { .iphone_landing { padding:  20px 0px; padding:  1.25rem 0rem; }
  .iphone_landing .sizer.iphoner { display: block; }
  .iphone_landing .ios { margin: 0 auto; font-size: 8px; width:  38.625em; }
  .iphone_landing .ios .sizer.ipader { margin-left:  1.25em; } }
.iphone_landing .iphone { height:  23.5em; width:  12.375em; top:  0em; left: 100px; border-radius:  1.375em; }
@media (max-width: 767px) { .iphone_landing .iphone { left: 30px; } }
.iphone_landing .iphone .innerDevice { height:  23.5em; width:  12.375em; margin-left:  -6.1875em; border-radius:  1.375em; background: #111111; }
.iphone_landing .iphone .topBar, .iphone_landing .iphone .bookmarksBar { display: none; }
.iphone_landing .iphone .screen { background: white; width:  11.25em; height:  16.875em; position: absolute; left: 50%; overflow: visible; top:  3.375em; margin-left:  -5.625em; }
.iphone_landing .iphone .article { font-family: "LyonText", "Georgia", serif; position: absolute; width:  9.375em; left: 50%; top:  0.3125em; margin-left:  -4.6875em; }
.iphone_landing .iphone .article .articleTitle span { font-size:  1.0625em; line-height: 1.45em; }
.iphone_landing .iphone .article .byline { font-family: "lft-etica", sans-serif; color: #888888; margin-top:  0.125em; margin-bottom:  0.75em; }
.iphone_landing .iphone .article .byline .fonter { font-size:  0.6875em; line-height: 1.4em; }
.iphone_landing .iphone .article .articleBody p { font-size:  0.75em; line-height: 1.45em; }
.iphone_landing .iphone .home { background: #222222; position: absolute; bottom:  0.75em; width:  1.875em; height:  1.875em; border-radius:  1.875em; left: 50%; margin-left:  -0.9375em; }
.iphone_landing .iphone .grill { background: #222222; position: absolute; top:  2em; width:  2.125em; height:  0.375em; border-radius:  1.25em; left: 50%; margin-left:  -1.0625em; }
.iphone_landing .iphone .camera { background: #222222; position: absolute; top:  0.9375em; width:  0.5em; height:  0.5em; border-radius:  0.5em; left: 50%; margin-left:  -0.25em; }
.iphone_landing .ipad { height:  31.875em; width:  25em; top:  0em; left: 270px; background: #111111; border-radius:  1.875em; }
@media (max-width: 767px) { .iphone_landing .ipad { left: 180px; } }
.iphone_landing .ipad .innerDevice { width:  25em; height:  31.875em; background: #111111; border-radius:  1.875em; margin-left:  -12.5em; }
.iphone_landing .ipad .screen { background: white; width:  19.125em; position: absolute; left: 50%; margin-left:  -9.5625em; height:  25.5em; top:  3.1875em; }
.iphone_landing .ipad .grill { background: transparent; }
.iphone_landing .ipad .home { background: #222222; position: absolute; bottom:  1.625em; width:  1.875em; height:  1.875em; border-radius:  1.875em; left: 50%; margin-left:  -0.9375em; }
.iphone_landing .ipad .camera { background: #222222; position: absolute; width:  0.5em; height:  0.5em; left: 50%; top:  1.375em; border-radius:  0.5em; margin-left:  -0.25em; }
.iphone_landing .android { background: #111111; top:  1.875em; height:  22.5em; width:  12.5em; margin-left:  -6.25em; border-radius:  1.5em; }
.iphone_landing .android .innerDevice { background: #111111; height:  22.5em; width:  12.5em; margin-left:  -6.25em; border-radius:  1.5em; }
.iphone_landing .android .screen { background: white; width:  11.25em; height:  16.5625em; position: absolute; left: 50%; top:  2.75em; margin-left:  -5.625em; }
.iphone_landing .android .article { font-family: "LyonText", "Georgia", serif; position: absolute; width:  10em; left: 50%; top:  0.375em; margin-left:  -5em; }
.iphone_landing .android .article .articleTitle span { font-size:  1.0625em; line-height: 1.45em; }
.iphone_landing .android .article .byline { font-family: "lft-etica", sans-serif; color: #888888; margin-top:  0.125em; margin-bottom:  0.75em; }
.iphone_landing .android .article .byline .fonter { font-size:  0.6875em; line-height: 1.4em; }
.iphone_landing .android .article .articleBody { font-size:  0.75em; line-height: 1.45em; }
.iphone_landing .android .home { background: #222222; position: absolute; bottom:  1em; width:  2.5em; height:  1.25em; border-radius:  0.25em; left: 50%; margin-left:  -1.25em; }
.iphone_landing .android .grill { background: #222222; position: absolute; top:  0.9375em; width:  2.875em; height:  0.375em; border-radius:  1.25em; left: 50%; margin-left:  -1.4375em; }
.iphone_landing .android .camera { background: #222222; position: absolute; top:  0.75em; width:  0.75em; height:  0.75em; border-radius:  0.75em; left:  1.875em; }

.iphoneImage, .ipadImage, .androidImage { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: auto 100%; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.iphoneImage.active, .ipadImage.active, .androidImage.active { z-index: 9; opacity: 1; }
.iphoneImage.next, .ipadImage.next, .androidImage.next { z-index: 8; opacity: 1; }

#iphoneImage1 { background-image: url("../img/iphone1.png"); }

#iphoneImage2 { background-image: url("../img/iphone2.png"); }

#iphoneImage3 { background-image: url("../img/iphone3.png"); }

#iphoneImage4 { background-image: url("../img/iphone4.png"); }

#ipadImage1 { background-image: url("../img/ipad1.png"); }

#ipadImage2 { background-image: url("../img/ipad2.png"); }

#ipadImage3 { background-image: url("../img/ipad3.png"); }

#ipadImage4 { background-image: url("../img/ipad4.png"); }

#androidImage1 { background-image: url("../img/androidImage1.jpg"); }

#androidImage2 { background-image: url("../img/androidImage2.jpg"); }

#androidImage3 { background-image: url("../img/androidImage3.jpg"); }

#androidImage4 { background-image: url("../img/androidImage4.jpg"); }

.iphone_marks { float: left; position: absolute; bottom:  20px; bottom:  1.25rem; right:  20px; right:  1.25rem; }
@media (max-width: 767px) { .iphone_marks { display: none; } }
.iphone_marks.android_marks { bottom:  20px; bottom:  1.25rem; }
.iphone_marks .iphone_mark { width:  10px; width:  0.625rem; height:  10px; height:  0.625rem; border-radius:  10px; border-radius:  0.625rem; float: left; margin-left:  8px; margin-left:  0.5rem; background: #bbbbbb; cursor: pointer; }
.iphone_marks .iphone_mark:hover { background: #999999; }
.iphone_marks .iphone_mark.active { background: #333333; }

.infoRow { border-top: 1px solid #dedede; padding: 50px 0 40px; }
@media (max-width: 767px) { .infoRow { padding:  20px 0px; padding:  1.25rem 0rem; } }
.infoRow p { margin-bottom: 1.2em; }

.infoPage { font-size: 18px; line-height: 1.7em; padding-top: 24px; }
.infoPage p { margin-bottom: 0.6em; }
.infoPage h2 { font-size: 26px; font-weight: 500; margin-bottom: 20px; margin-top: 2px; }
.infoPage h3 { font-size: 22px; font-weight: 500; margin-bottom: 18px; }

.choice_container .choicer { float: left; width: 33.33%; text-align: center; background: #efefef; padding: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.choice_container .choicer:hover { background: #dfdfdf; }
.choice_container .choicer.active { background: #222222; -webkit-font-smoothing: antialiased; color: white; cursor: default; }
.choice_container .choice { display: none; padding: 20px 0; }
.choice_container .choice.active { display: block; }

.helloRow { padding-top: 12px; margin-bottom: 20px; }
.helloRow .form_group { width: 50%; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; padding-top: 20px; padding-bottom: 8px; }
.helloRow .form_group.left { padding-right: 30px; border-right: solid 1px #dddddd; }
.helloRow .form_group .form_line label { padding-top: 8px; }
.helloRow .form_group.right { padding-left: 30px; }

.one-third { float: right; width: 33.33%; font-size:  16px; font-size:  1rem; line-height: 1.7em; }
@media (max-width: 767px) { .one-third { width: 100%; } }
.one-third h2 { font-size: 18px; font-weight: 600; margin-bottom: 14px; margin-top: 8px; }
.one-third.last { margin-right: 0; }

.two-thirds { float: left; width: 66.66%; padding-right: 30px; font-size:  16px; font-size:  1rem; line-height: 1.481; }
@media (max-width: 767px) { .two-thirds { width: 100%; } }
.two-thirds h2 { font-size: 26px; font-weight: 600; margin-bottom: 18px; }

.moreFeatures { padding: 50px 0 40px; }
@media (max-width: 767px) { .moreFeatures { padding:  20px 0px; padding:  1.25rem 0rem; text-align: left; }
  .moreFeatures .third { text-align: left; } }
.moreFeatures .contentContainer { padding-bottom: 0; }
.moreFeatures h2 { border-top: none; padding-top: 0; margin-bottom: 26px; font-size: 26px; font-weight: 600; }

.pressRow { padding-bottom: 60px; }
.pressRow h2 { border-top: none; padding-top: 0; margin-bottom: 26px; font-size: 26px; font-weight: 800; }

.thirdTitle { font-weight: 600; font-size: 20px; margin-bottom: 8px; color: #333333; }

.third { float: left; width: 33%; padding: 0 20px; font-size:  16px; font-size:  1rem; line-height: 1.6em; }
.third:first-child { padding-left: 0; }
.third:last-child { padding-right: 0; }
@media (max-width: 767px) { .third { width: 100%; padding-left: 0; padding-right:  14px; padding-right:  0.875rem; margin-bottom:  30px; margin-bottom:  1.875rem; width: 100%; float: none; text-align: center; } }

.iphoneGrouper { width: 100%; display: block; }

.iphoneText { font-size: 30px; line-height: 1.3em; float: right; width: 33%; color: #222222; font-weight: 500; padding-left: 30px; }
@media (max-width: 767px) { .iphoneText { padding-left: 0; margin-top:  20px; margin-top:  1.25rem; width: 100%; text-align: center; padding:  0px 8px; padding:  0rem 0.5rem; } }
.iphoneText .tagline { margin-top: 10px; font-weight: normal; font-size: 16px; color: #555555; line-height: 1.5em; }
.iphoneText.androidText { width: 40%; }
.iphoneText.androidText .tagline { font-size: 18px; margin-bottom: 2px; margin-top: 12px; }
@media (max-width: 767px) { .iphoneText.androidText { margin-top:  20px; margin-top:  1.25rem; width: 100%; padding:  0px 8px; padding:  0rem 0.5rem; } }

body .downloadButton, .lightmode .downloadButton { background-color: #111111; font-weight: normal; color: white !important; -webkit-font-smoothing: antialiased; font-size: 12px; line-height: 1; float: left; display: block; padding: 8px 16px 8px 16px; border-radius: 6px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 18px; }
@media (max-width: 767px) { body .downloadButton, .lightmode .downloadButton { float: none; width: 135px; display: block; margin-top: 10px; margin-left: auto; margin-right: auto; } }
body .downloadButton:hover, .lightmode .downloadButton:hover { background-color: black; color: white !important; }
body .downloadButton .downText, .lightmode .downloadButton .downText { float: left; }
body .downloadButton .downSpan, .lightmode .downloadButton .downSpan { float: left; }
body .downloadButton .appApple, .lightmode .downloadButton .appApple { float: left; font-size: 36px; margin-right: 8px; }
body .downloadButton .appApple i, .lightmode .downloadButton .appApple i { float: left; }
body .downloadButton .appStore, .lightmode .downloadButton .appStore { line-height: 1; clear: both; float: left; font-size: 22px; margin-top: 2px; }
body .downloadButton.androidDownload, .lightmode .downloadButton.androidDownload { background-image: url("../img/google_play.png"); background-position: 0 0; background-repeat: no-repeat; width: 170px; height: 62px; }
body .downloadButton.androidDownload:hover, .lightmode .downloadButton.androidDownload:hover { background-image: url("../img/google_play.png"); }