@font-face {
  font-family: 'SamsungOne';
  src: url("/us/fonts/SamsungOne/SamsungOne-400.eot");
  src: url("/us/fonts/SamsungOne/SamsungOne-400.eot?#iefix") format("embedded-opentype"), url("/us/fonts/SamsungOne/SamsungOne-400.ttf") format("truetype"), url("/us/fonts/SamsungOne/SamsungOne-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SamsungOne';
  src: url("/us/fonts/SamsungOne/SamsungOne-700.eot");
  src: url("/us/fonts/SamsungOne/SamsungOne-700.eot?#iefix") format("embedded-opentype"), url("/us/fonts/SamsungOne/SamsungOne-700.ttf") format("truetype"), url("/us/fonts/SamsungOne/SamsungOne-700.woff") format("woff");
  font-weight: 700;
  font-style: bold;
}
@font-face {
  font-family: 'Samsung Sharp Sans';
  src: url("/us/fonts/SamsungSharpSans-Bold.eot");
  src: url("/us/fonts/SamsungSharpSans-Bold.eot?#iefix") format("embedded-opentype"), url("/us/fonts/SamsungSharpSans-Bold.ttf") format("truetype"), url("/us/fonts/SamsungSharpSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: bold;
}
/* line 51, ../../../../dev/sidesync/app/scss/_fonts.scss */
.content-main h1 {
  font-family: "Samsung Sharp Sans", Helvetica, Arial, sans-serif;
}
/* line 54, ../../../../dev/sidesync/app/scss/_fonts.scss */
.content-main h2,
.content-main table th,
.content-main strong {
  font-family: "SamsungOne", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
/* line 60, ../../../../dev/sidesync/app/scss/_fonts.scss */
.content-main p,
.content-main .download a,
.content-main table td {
  font-family: "SamsungOne", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/* line 1, ../../../../dev/sidesync/app/scss/_base.scss */
* {
  margin: 0;
}

/* line 5, ../../../../dev/sidesync/app/scss/_base.scss */
html {
  margin: 0;
}

/* line 9, ../../../../dev/sidesync/app/scss/_base.scss */
body {
  margin: 0;
}

/* line 13, ../../../../dev/sidesync/app/scss/_base.scss */
p {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

/* line 1, ../../../../dev/sidesync/app/scss/components/_disclaimer.scss */
.Disclaimer {
  background-color: whitesmoke;
  padding: 2%;
  clear: both;
}
/* line 6, ../../../../dev/sidesync/app/scss/components/_disclaimer.scss */
.Disclaimer-copy p {
  margin: 1.5em 1em;
  font-size: .85em;
  padding: 0;
}

/* line 3, ../../../../dev/sidesync/app/scss/components/_filesharing.scss */
.Filesharing-copy {
  width: 100%;
  padding: 2% 4%;
  max-width: 700px;
}
/* line 22, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Filesharing-copy h1 {
  font-size: 2.2em;
  margin: 0;
}
/* line 26, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Filesharing-copy h2 {
  font-size: 1.6em;
  margin: .25em 0;
}
/* line 30, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Filesharing-copy p {
  margin: .75em 0;
}
@media (min-width: 769px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_filesharing.scss */
  .Filesharing-copy {
    width: 40%;
    min-width: 700px;
  }
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_filesharing.scss */
  .Filesharing-copy {
    width: 100%;
    padding: 10% 2%;
    min-width: 0;
    text-align: center;
  }
}

/* line 3, ../../../../dev/sidesync/app/scss/components/_hero.scss */
.Hero-copy {
  width: 100%;
  padding: 2% 4%;
  max-width: 700px;
}
/* line 22, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Hero-copy h1 {
  font-size: 2.2em;
  margin: 0;
}
/* line 26, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Hero-copy h2 {
  font-size: 1.6em;
  margin: .25em 0;
}
/* line 30, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Hero-copy p {
  margin: .75em 0;
}
@media (min-width: 769px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_hero.scss */
  .Hero-copy {
    width: 40%;
    min-width: 700px;
  }
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_hero.scss */
  .Hero-copy {
    width: 100%;
    padding: 10% 2%;
    min-width: 0;
    text-align: center;
  }
}

/* line 3, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
.Howtouse-copy {
  width: 100%;
  padding: 2% 4%;
  max-width: 700px;
  color: #ffffff;
}
/* line 22, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Howtouse-copy h1 {
  font-size: 2.2em;
  margin: 0;
}
/* line 26, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Howtouse-copy h2 {
  font-size: 1.6em;
  margin: .25em 0;
}
/* line 30, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Howtouse-copy p {
  margin: .75em 0;
}
@media (min-width: 769px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-copy {
    width: 40%;
    min-width: 700px;
  }
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-copy {
    width: 100%;
    padding: 10% 2%;
    min-width: 0;
    text-align: center;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-copy {
    float: left;
  }
}
@media (min-width: 769px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-copy {
    float: right;
    min-width: 700px;
  }
}
/* line 18, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
.Howtouse-images {
  clear: both;
  text-align: center;
  z-index: 5;
  position: relative;
}
@media (min-width: 769px) {
  /* line 18, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 18, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images {
    display: block;
  }
}
@media (min-width: 550px) and (max-width: 1091px) {
  /* line 30, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images-steps {
    width: 488px;
    margin: 0 auto;
  }
}
/* line 35, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
.Howtouse-images-steps img.steps {
  max-width: 242px;
  width: 80%;
  padding: 12px;
  z-index: 0;
  display: inline-block;
}
/* line 43, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
.Howtouse-images img.tablet {
  top: 8%;
}
@media (min-width: 769px) {
  /* line 43, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images img.tablet {
    display: block;
    z-index: -1;
    position: absolute;
    max-width: 250px;
    width: 80%;
    left: -10%;
  }
}
@media (min-width: 1365px) {
  /* line 43, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images img.tablet {
    left: 0;
    top: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  /* line 43, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images img.tablet {
    display: block;
    z-index: -1;
    position: absolute;
    max-width: 250px;
    left: -20%;
    top: 20%;
    transform: translateY(-20%);
    width: 60%;
  }
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 43, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images img.tablet {
    display: none;
  }
}
@media (min-width: 769px) {
  /* line 65, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images img:nth-child(2) {
    right: -10%;
    left: inherit;
  }
}
@media (min-width: 1365px) {
  /* line 65, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images img:nth-child(2) {
    right: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  /* line 65, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-images img:nth-child(2) {
    right: -20%;
    left: inherit;
  }
}
@media (min-width: 769px) {
  /* line 83, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-side img.mobile {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 83, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-side img.mobile {
    display: block;
    width: 100%;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  /* line 83, ../../../../dev/sidesync/app/scss/components/_howtouse.scss */
  .Howtouse-side img.mobile {
    display: none;
  }
}

/* line 1, ../../../../dev/sidesync/app/scss/components/_nav.scss */
.Nav {
  position: fixed;
  background: rgba(234, 234, 234, 0.5);
  left: 0;
  bottom: 0;
  display: table;
  width: 100%;
  border-top: 1px solid #dedbd8;
  min-height: 60px;
  height: auto;
  z-index: 10;
}
/* line 12, ../../../../dev/sidesync/app/scss/components/_nav.scss */
.Nav-fixed {
  display: table-cell;
  vertical-align: middle;
}

/* line 3, ../../../../dev/sidesync/app/scss/components/_notifications.scss */
.Notifications-copy {
  width: 100%;
  padding: 2% 4%;
  max-width: 700px;
}
/* line 22, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Notifications-copy h1 {
  font-size: 2.2em;
  margin: 0;
}
/* line 26, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Notifications-copy h2 {
  font-size: 1.6em;
  margin: .25em 0;
}
/* line 30, ../../../../dev/sidesync/app/scss/_mixins.scss */
.Notifications-copy p {
  margin: .75em 0;
}
@media (min-width: 769px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_notifications.scss */
  .Notifications-copy {
    width: 40%;
    min-width: 700px;
  }
}
@media (min-width: 769px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_notifications.scss */
  .Notifications-copy {
    min-width: 580px;
  }
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_notifications.scss */
  .Notifications-copy {
    width: 100%;
    padding: 10% 2%;
    min-width: 0;
    text-align: center;
  }
}

/* line 3, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy h1 {
  font-size: 2.2em;
  margin: 0;
  padding: 2% 4%;
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 3, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy h1 {
    padding: 10% 2%;
    min-width: 300px;
    text-align: center;
  }
}
/* line 13, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy-table-container {
  background-color: #e9e9ea;
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* line 13, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-table-container {
    margin: 0 auto;
    width: 768px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  /* line 20, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-desktop {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* line 20, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-desktop {
    display: none;
  }
}
@media (min-width: 769px) {
  /* line 29, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-desktop table th {
    border-left: 1px solid #dadee2;
    border-right: 1px solid #dadee2;
    text-align: center;
    font-size: 1.2em;
  }
  /* line 35, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-desktop table thead tr:nth-child(2) th {
    background-color: #dcf2fc;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
  }
}
@media (min-width: 769px) and (min-width: 320px) and (max-width: 768px) {
  /* line 41, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-desktop table td {
    width: 50%;
    text-align: center;
  }
}
@media (min-width: 769px) {
  /* line 47, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-desktop table tr td:first-child {
    font-weight: bold;
    text-transform: uppercase;
  }
}
@media (min-width: 769px) {
  /* line 54, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-table-mb {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* line 54, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-table-mb {
    display: block;
    float: left;
    padding: 0 .5em;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  /* line 63, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-table-mb table {
    padding: 1em;
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* line 63, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-table-mb table {
    padding: 1em;
    display: block;
    width: 100%;
    max-width: 360px;
  }
}
/* line 78, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy-table-mb table thead tr:first-child th {
  background-color: #525252;
  color: #ffffff;
  text-align: center;
  font-size: 1.4em;
}
/* line 84, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy-table-mb table thead tr:nth-child(2) th {
  background-color: #dcf2fc;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}
@media (min-width: 320px) and (max-width: 768px) {
  /* line 90, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-table-mb table td {
    width: 50%;
    padding: .75em 0;
    text-align: center;
    background-color: #ffffff;
  }
}
/* line 98, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy-table-mb table tr td:first-child {
  font-weight: bold;
  text-transform: uppercase;
}
/* line 102, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy-table-mb table ul {
  max-width: 143px;
  width: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* line 102, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
  .Requirements-copy-table-mb table ul {
    width: inherit;
  }
}
/* line 109, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy-table-mb table ul, .Requirements-copy-table-mb table li {
  list-style: none;
  padding: 0 5px;
  overflow-wrap: break-word;
  margin: 1em 0;
}
/* line 117, ../../../../dev/sidesync/app/scss/components/_requirements.scss */
.Requirements-copy-table-mb table th, .Requirements-copy-table-mb table td {
  border-left: 1px solid #dadee2;
  border-right: 1px solid #dadee2;
}

/* line 1, ../../../../dev/sidesync/app/scss/components/_questions.scss */
.Questions {
  padding: 2%;
  clear: both;
}
@media (min-width: 769px) {
  /* line 1, ../../../../dev/sidesync/app/scss/components/_questions.scss */
  .Questions {
    display: none;
  }
}
/* line 7, ../../../../dev/sidesync/app/scss/components/_questions.scss */
.Questions-copy {
  margin: 0 auto;
}
/* line 9, ../../../../dev/sidesync/app/scss/components/_questions.scss */
.Questions-copy p:first-child {
  text-align: center;
  font-size: 1.4em;
}
/* line 13, ../../../../dev/sidesync/app/scss/components/_questions.scss */
.Questions-copy p {
  text-align: center;
  padding: .25em 0;
}

/* line 1, ../../../../dev/sidesync/app/scss/modules/_btn.scss */
.download {
  border-spacing: 10px;
}
/* line 3, ../../../../dev/sidesync/app/scss/modules/_btn.scss */
.download-btn {
  width: 245px;
  height: 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  border-color: #d9dbdc;
  background-color: white;
  position: relative;
}
/* line 11, ../../../../dev/sidesync/app/scss/modules/_btn.scss */
.download a {
  text-align: center;
  text-decoration: none;
  color: #000000;
  display: table-cell;
  vertical-align: middle;
}

/* line 23, ../../../../dev/sidesync/app/scss/modules/_btn.scss */
html.mobile .download-btn, html.tablet .download-btn {
  display: none;
}

/* line 1, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
.Hero {
  background-image: url("../images/hero/hero-desktop.jpg");
  height: 1080px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 1, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Hero {
    background-image: url("../images/hero/hero-mobile.jpg");
    height: 603px;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  /* line 1, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Hero {
    background-image: url("../images/hero/hero-tablet.jpg");
    height: 728px;
  }
}

/* line 15, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
.Howtouse {
  background: #4c5157;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4c5157 0%, #5e6369 27%, #676c72 50%, #6a6f75 70%, #6a6f75 70%, #4c5157 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4c5157 0%, #5e6369 27%, #676c72 50%, #6a6f75 70%, #6a6f75 70%, #4c5157 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c5157 0%, #5e6369 27%, #676c72 50%, #6a6f75 70%, #6a6f75 70%, #4c5157 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5157', endColorstr='#4c5157',GradientType=0 );
  /* IE6-9 */
}
@media (min-width: 769px) {
  /* line 15, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Howtouse {
    padding-bottom: 5%;
  }
}

/* line 27, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
.Notifications {
  background-image: url("../images/notifications/notifications-tablet.jpg");
  height: 672px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 27, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Notifications {
    background-image: url("../images/notifications/notifications-mobile.jpg");
    height: 603px;
  }
}
@media (min-width: 1365px) {
  /* line 27, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Notifications {
    background-image: url("../images/notifications/notifications-desktop.jpg");
    height: 1080px;
  }
}

/* line 41, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
.Filesharing {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 414px) {
  /* line 41, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Filesharing {
    background-image: url("../images/filesharing/filesharing-mobile.jpg");
    height: 603px;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  /* line 41, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Filesharing {
    height: 680px;
    background-image: url("../images/filesharing/filesharing-tablet.jpg");
  }
}
@media (min-width: 769px) {
  /* line 41, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Filesharing {
    background-image: url("../images/filesharing/filesharing-tablet.jpg");
    height: 820px;
  }
}
@media (min-width: 1365px) {
  /* line 41, ../../../../dev/sidesync/app/scss/modules/_bg.scss */
  .Filesharing {
    background-image: url("../images/filesharing/filesharing-desktop.jpg");
    height: 1250px;
  }
}