@font-face {
  font-family: 'HelveticaNeue Thin';
  src: url('http://www.whatwatch.com/fonts/HelveticaNeueLTStd-Th.eot');
  src: local('☺'), url('http://www.whatwatch.com/fonts/HelveticaNeueLTStd-Th.woff') format('woff'), url('http://www.whatwatch.com/fonts/HelveticaNeueLTStd-Th.ttf') format('truetype'), url('http://www.whatwatch.com/fonts/HelveticaNeueLTStd-Th.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
* {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
::-webkit-input-placeholder {
  color: white;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder {
  color: white;
}
.overflow-hidden {
  overflow: hidden;
}
html {
  height: 100%;
  width: 100%;
}
html.loaded {
  background: none;
}
html.touch video.fp-video {
  display: none;
}
html.touch .content-wrapper .header-image {
  position: relative;
  opacity: 1;
  z-index: auto;
}
html.touch .content-wrapper .margin-top100 {
  margin-top: 0px !important;
}
@media (min-width: 992px) {
  html.touch .product-parallax {
    display: none !important;
  }
}
@media (min-width: 992px) {
  html.touch .product-parallax-static {
    display: block !important;
  }
}
html body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 23px;
  color: #413d40;
  font-family: Arial, sans-serif;
  /*background-color: #212121;*/

  background-color: #f1f1f1;
  /* BOOTSTRAP GRID OF 5 */

}
html body.grey {
  background-color: #f1f1f1;
}
@media (max-width: 991px) {
  html body {
    font-size: 13px;
  }
}
html body .loader {
  width: 100%;
  height: 100%;
  background-image: url('../img/what-watch-icon-dark.png');
  background-size: 25px 31px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}
html body.loaded {
  background-color: #f1f1f1;
}
html body.loaded .loader {
  opacity: 0 !important;
}
html body.loaded .content-wrapper {
  display: block !important;
}
html body h1 {
  font-family: 'Knockout 72 A', 'Knockout 72 B';
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #000000;
  letter-spacing: 7px;
  margin-top: 0px;
  text-transform: uppercase;
  line-height: 20px;
  text-align: center;
  margin-bottom: 64px;
}
html body h1.white {
  color: #ffffff;
}
@media (max-width: 767px) {
  html body h1 {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 4px;
    text-align: left;
    margin-bottom: 39px;
  }
}
html body h2 {
  font-family: Arial, sans-serif;
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 0px;
  margin-top: 0px;
  text-transform: uppercase;
}
html body p {
  line-height: 30px;
  text-align: center;
  margin-bottom: 33px;
}
@media (max-width: 767px) {
  html body p {
    line-height: 24px;
    text-align: left;
    margin-bottom: 25px;
    font-size: 13px;
  }
}
html body .content-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  opacity: 1;
  background-color: #f1f1f1;
  display: none;
  /*@media (max-width: 700px){
.tac img { height: 120px; width: auto;}
}*/

}
html body .content-wrapper.visible {
  opacity: 1;
}
@media (max-width: 991px) {
  html body .content-wrapper.howitworks {
    height: auto !important;
  }
}
@media (min-width: 992px) {
  html body .content-wrapper.howitworks {
    height: 100% !important;
  }
}
html body .content-wrapper .navigation {
  background: none;
  position: fixed;
  width: 100%;
  z-index: 888888;
  height: 80px;
  background-color: #f1f1f1;
  top: 0px;
  -webkit-transition: background-color linear 0.3s;
  -moz-transition: background-color linear 0.3s;
  -o-transition: background-color linear 0.3s;
  transition: background-color linear 0.3s;
}
html body .content-wrapper .navigation.open {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
html body .content-wrapper .navigation.force-dark {
  background-color: #212121 !important;
  top: 0px !important;
}
html body .content-wrapper .navigation.force-dark .container nav .logo {
  background-image: url('../img/what-watch-logo-navi-white2x.png') !important;
}
html body .content-wrapper .navigation.force-dark .container nav .shop-icon {
  background-image: url('../img/basket-navi-white2x.png') !important;
}
html body .content-wrapper .navigation.force-dark .container nav ul li a {
  color: #ffffff !important;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation {
    height: 57px;
  }
}
html body .content-wrapper .navigation .container {
  position: relative;
  height: 80px;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container {
    height: 57px;
  }
}
html body .content-wrapper .navigation .container nav {
  position: relative;
  height: 80px;
  width: 100%;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav {
    height: 57px;
  }
}
html body .content-wrapper .navigation .container nav .logo {
  position: absolute;
  top: 25px;
  width: 103px;
  height: 20px;
  background-image: url('../img/what-watch-logo-navi-2x.png');
  background-size: 102px 20px;
  background-repeat: no-repeat;
}
html body .content-wrapper .navigation .container nav .logo.active {
  background-image: url('../img/what-watch-logo-navi-2x.png');
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav .logo {
    background-size: 70px 14px;
    top: 21px;
    width: 70px;
    height: 14px;
  }
}
html body .content-wrapper .navigation .container nav ul.nav {
  position: absolute;
  top: 0px;
  left: 162px;
  height: 80px;
  transition-property: margin-top;
  transition-duration: 0.2s;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav ul.nav {
    display: none;
  }
  html body .content-wrapper .navigation .container nav ul.nav.open {
    margin-top: 0px;
    display: block;
  }
}
html body .content-wrapper .navigation .container nav ul.nav.mobile {
  display: none;
}
html body .content-wrapper .navigation .container nav ul.nav.mobile li a span {
  opacity: 0;
}
html body .content-wrapper .navigation .container nav ul.nav li {
  opacity: 1;
  display: inline-block;
  line-height: 80px;
  margin-right: 47px;
}
@media (max-width: 991px) {
  html body .content-wrapper .navigation .container nav ul.nav li {
    margin-right: 32px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav ul.nav li {
    width: 100%;
    text-align: center;
    line-height: 40px;
    height: 40px;
    margin-left: 0px !important;
  }
}
html body .content-wrapper .navigation .container nav ul.nav li:first-child {
  padding-left: 40px;
  padding-right: 47px;
  margin-right: 0;
}
@media (max-width: 991px) {
  html body .content-wrapper .navigation .container nav ul.nav li:first-child {
    padding-right: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html body .content-wrapper .navigation .container nav ul.nav li:first-child {
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .content-wrapper .navigation .container nav ul.nav li:first-child {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav ul.nav li:first-child {
    margin: 0;
  }
}
html body .content-wrapper .navigation .container nav ul.nav li:last-child {
  margin-right: 0px;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav ul.nav li:last-child {
    margin-bottom: 10px;
  }
}
html body .content-wrapper .navigation .container nav ul.nav li a,
html body .content-wrapper .navigation .container nav ul.nav li span.link {
  margin: 0;
  padding-right: 0px;
  padding-left: 0px;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #000000;
  font-size: 15px;
  line-height: 80px;
  letter-spacing: 0.5px;
  height: 80px;
  padding: 0px;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav ul.nav li a,
  html body .content-wrapper .navigation .container nav ul.nav li span.link {
    color: #ffffff;
    font-family: 'Knockout 72 A', 'Knockout 72 B';
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    letter-spacing: 6px;
    text-align: left;
    line-height: 22px;
  }
}
html body .content-wrapper .navigation .container nav ul.nav li a:last-child,
html body .content-wrapper .navigation .container nav ul.nav li span.link:last-child {
  border: none;
}
html body .content-wrapper .navigation .container nav ul.nav li a:hover,
html body .content-wrapper .navigation .container nav ul.nav li span.link:hover {
  background: none !important;
  color: #e55b59 !important;
}
html body .content-wrapper .navigation .container nav ul.nav li a.active,
html body .content-wrapper .navigation .container nav ul.nav li span.link.active {
  color: #e55b59 !important;
}
html body .content-wrapper .navigation .container nav ul.nav li a {
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
html body .content-wrapper .navigation .container nav ul.nav li span.link {
  display: block;
  wifth: 100%;
  text-align: center;
  text-decoration: line-through;
}
@media (min-width: 769px) {
  html body .content-wrapper .navigation .container nav ul.nav li span.link.en img {
    margin-left: 28px;
    margin-top: 27px;
  }
}
@media (min-width: 769px) {
  html body .content-wrapper .navigation .container nav ul.nav li span.link.fi img {
    margin-left: -14px;
    margin-top: 5px;
  }
}
html body .content-wrapper .navigation .container nav ul.nav.dark {
  background-color: #333333;
}
html body .content-wrapper .navigation .container nav ul.nav.dark .nav-links ul.nav li a {
  color: #ffffff;
  font-weight: normal;
}
html body .content-wrapper .navigation .container nav .shop-icon {
  position: absolute;
  top: 31px;
  right: 19px;
  width: 80px;
  height: 15px;
  background-image: url('../img/basket-navi-2x.png');
  background-size: 21px 14px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #212121;
  background-position: 57px 1px;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav .shop-icon {
    top: 21px;
    right: 40px;
  }
}
html body .content-wrapper .navigation .container nav .shop-icon:hover {
  color: #e55b59 !important;
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder {
  position: absolute;
  right: 0px;
  top: 50px;
  width: 220px;
  height: 40px;
  opacity: 0;
  display: none !important;
  -webkit-transition: all ease-in 0.2s;
  -moz-transition: all ease-in 0.2s;
  -o-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder.visible {
  top: 66px;
  opacity: 1;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav .check-out-popup-holder {
    top: 57px;
  }
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder .check-out-popup {
  position: relative;
  background-color: #e55b59;
  width: 100%;
  height: 65px;
  text-align: center;
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder .check-out-popup .arrow {
  position: absolute;
  top: -7px;
  right: 20px;
  width: 14px;
  height: 7px;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav .check-out-popup-holder .check-out-popup .arrow {
    right: 42px;
  }
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder .check-out-popup p {
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  margin-bottom: 0;
  height: 40px;
  float: left;
  text-transform: uppercase;
  margin-left: 15px;
  font-size: 14px;
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder .check-out-popup .check-out {
  float: right;
  height: 40px;
  border: none !important;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 40px;
  text-decoration: underline;
  background-color: #e55b59 !important;
  color: #ffffff !important;
  padding-right: 0px;
  padding-left: 15px;
  width: 80px;
  font-size: 14px;
  cursor: pointer;
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder .check-out-popup .check-out:hover {
  background-color: #e55b59 !important;
  color: #ffffff !important;
}
html body .content-wrapper .navigation .container nav .check-out-popup-holder .check-out-popup .popup-promocode {
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 12px;
  text-align: left;
  margin-left: 12px;
}
html body .content-wrapper .navigation .container nav .cart-qty {
  position: absolute;
  right: 5px;
  top: 22px;
  background-color: #e55b59;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  color: #ffffff;
  font-size: 13px;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  padding-left: 1px;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  cursor: pointer;
  -ms-transform: scale(0.2);
  /* IE 9 */

  -webkit-transform: scale(0.2);
  /* Safari */

  transform: scale(0.2);
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
html body .content-wrapper .navigation .container nav .cart-qty.show {
  opacity: 1;
  -ms-transform: scale(1);
  /* IE 9 */

  -webkit-transform: scale(1);
  /* Safari */

  transform: scale(1);
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */

}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container nav .cart-qty {
    top: 14px;
    right: 25px;
  }
}
html body .content-wrapper .navigation .container nav ul.nav-mobile {
  margin-top: 80px;
}
html body .content-wrapper .navigation .container .nav-button {
  cursor: pointer;
  width: 86px;
  height: 86px;
  position: absolute;
  top: -4px;
  right: 10px;
  transition-property: padding-top, top;
  transition-duration: 0.1s, 0.2s;
}
@media (min-width: 768px) {
  html body .content-wrapper .navigation .container .nav-button {
    display: none;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation .container .nav-button {
    top: 0px;
    right: 0px;
    width: 53px;
    height: 57px;
  }
}
html body .content-wrapper .navigation .container .nav-button .icon-bar {
  position: absolute;
  display: block;
  height: 2px;
  width: 12px;
  background-color: #000000;
  left: 41px;
}
html body .content-wrapper .navigation .container .nav-button .icon-bar.first {
  top: 21px;
}
html body .content-wrapper .navigation .container .nav-button .icon-bar.center {
  top: 27px;
}
html body .content-wrapper .navigation .container .nav-button .icon-bar.last {
  top: 33px;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation.open {
    top: 0px !important;
    height: 100%;
    background-color: #212121 !important;
  }
  html body .content-wrapper .navigation.open .container {
    width: 100%;
    height: 100%;
    display: table;
    padding: 0;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    left: 0;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop .logo {
    left: 14px;
    background-image: url('../img/what-watch-logo-navi-white2x.png');
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop .shop-icon {
    background-image: url('../img/basket-navi-white2x.png');
    background-repeat: no-repeat;
    right: 54px;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop .cart-qty {
    right: 39px;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop ul.nav {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    bottom: 0;
    margin: 79px 0 0 0;
    width: 100%;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop ul.nav.mobile {
    display: block;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop ul.nav li {
    padding-left: 15px;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop ul.nav li:first-child {
    margin-top: 18px;
  }
  html body .content-wrapper .navigation.open .container nav.nav-desktop ul.nav li a {
    color: #ffffff;
  }
  html body .content-wrapper .navigation.open .container .nav-button .icon-bar {
    left: 27px;
    background-color: #ffffff;
  }
  html body .content-wrapper .navigation.open .container .nav-button .icon-bar.first {
    top: 27px;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }
  html body .content-wrapper .navigation.open .container .nav-button .icon-bar.center {
    opacity: 0;
  }
  html body .content-wrapper .navigation.open .container .nav-button .icon-bar.last {
    top: 27px;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }
}
html body .content-wrapper .navigation.transparent {
  background-color: transparent;
}
html body .content-wrapper .navigation.transparent .container nav.nav-mobile .logo,
html body .content-wrapper .navigation.transparent .container nav.nav-desktop .logo {
  background-image: url('../img/what-watch-logo-navi-white2x.png');
}
html body .content-wrapper .navigation.transparent .container nav.nav-mobile .shop-icon,
html body .content-wrapper .navigation.transparent .container nav.nav-desktop .shop-icon {
  background-image: url('../img/basket-navi-white2x.png');
  color: #ffffff;
}
html body .content-wrapper .navigation.transparent .container nav.nav-mobile ul.nav li a,
html body .content-wrapper .navigation.transparent .container nav.nav-desktop ul.nav li a {
  color: #ffffff;
}
html body .content-wrapper .navigation.transparent .container nav.nav-mobile ul.nav li a.active,
html body .content-wrapper .navigation.transparent .container nav.nav-desktop ul.nav li a.active {
  color: #e55b59 !important;
}
html body .content-wrapper .navigation.transparent .container nav.nav-mobile ul.nav li a:hover,
html body .content-wrapper .navigation.transparent .container nav.nav-desktop ul.nav li a:hover {
  color: #e55b59;
}
html body .content-wrapper .navigation.transparent .container .nav-button .icon-bar {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  html body .content-wrapper .navigation.dark {
    background-color: #212121;
  }
}
html body .content-wrapper .navigation.white {
  background-color: #f1f1f1;
}
html body .content-wrapper .header-image {
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  position: fixed;
  top: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  html body .content-wrapper .header-image {
    position: relative;
    opacity: 1;
    z-index: auto;
  }
}
html body .content-wrapper .header-image.product,
html body .content-wrapper .header-image.accessories {
  background-color: #212121;
  opacity: 1;
  position: relative;
  z-index: 1;
}
html body .content-wrapper .header-image.product .container,
html body .content-wrapper .header-image.accessories .container {
  padding-left: 0px !important;
}
html body .content-wrapper .header-image.product .product-image#pi-2,
html body .content-wrapper .header-image.accessories .product-image#pi-2 {
  opacity: 1;
  transform: scale(1);
}
html body .content-wrapper .header-image.product .product-image img,
html body .content-wrapper .header-image.accessories .product-image img {
  opacity: 0;
  transform: scale(0.9);
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  bottom: 0;
}
html body .content-wrapper .header-image.product .product-image img.accessory,
html body .content-wrapper .header-image.accessories .product-image img.accessory {
  padding: 0 20px;
}
html body .content-wrapper .header-image.product .product-image .black-curtain,
html body .content-wrapper .header-image.accessories .product-image .black-curtain {
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
html body .content-wrapper .header-image.product .typo,
html body .content-wrapper .header-image.accessories .typo {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  padding-left: 15px;
  margin-top: -47px !important;
}
html body .content-wrapper .header-image.product .content-tint,
html body .content-wrapper .header-image.accessories .content-tint {
  background-color: transparent !important;
}
html body .content-wrapper .header-image.accessories {
  background-color: #e7e7e7;
}
html body .content-wrapper .header-image.show {
  transition-property: opacity;
  transition-duration: 0.8s;
  opacity: 1;
}
@media (max-width: 767px) {
  html body .content-wrapper .header-image.product .typo {
    padding-left: 15px !important;
  }
}
html body .content-wrapper .header-image .header-icon,
html body .content-wrapper .header-image .arrow-down,
html body .content-wrapper .header-image .arrow-down-second,
html body .content-wrapper .header-image .header-arrow-text {
  position: absolute;
  width: 100%;
  z-index: 111111;
  text-align: center;
}
html body .content-wrapper .header-image .header-arrow-text {
  cursor: pointer;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.5px;
  bottom: 56px;
}
html body .content-wrapper .header-image .header-icon {
  display: none;
  top: 40px;
}
html body .content-wrapper .header-image .arrow-down,
html body .content-wrapper .header-image .arrow-down-second {
  bottom: 26px;
}
html body .content-wrapper .header-image .arrow-down img,
html body .content-wrapper .header-image .arrow-down-second img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
@media (max-width: 767px) {
  html body .content-wrapper .header-image .arrow-down,
  html body .content-wrapper .header-image .arrow-down-second {
    bottom: 20px;
  }
}
html body .content-wrapper .header-image .arrow-down-second {
  opacity: 0;
}
html body .content-wrapper .header-image .content-tint,
html body .content-wrapper .header-image .content-notint {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #212121;
}
@media (max-width: 600px) {
  html body .content-wrapper .header-image .content-tint.bp-20,
  html body .content-wrapper .header-image .content-notint.bp-20 {
    background-position: 20% 50%;
  }
}
@media (max-width: 600px) {
  html body .content-wrapper .header-image .content-tint.bp-35,
  html body .content-wrapper .header-image .content-notint.bp-35 {
    background-position: 35% 50%;
  }
}
html body .content-wrapper .header-image .content-tint .container,
html body .content-wrapper .header-image .content-notint .container {
  position: relative;
  height: 100%;
}
html body .content-wrapper .header-image .content-tint .container .typo,
html body .content-wrapper .header-image .content-notint .container .typo {
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  list-style-type: none;
  text-align: justify;
  font-family: 'Knockout 72 A', 'Knockout 72 B', Impact;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 21px;
  line-height: 47px;
  width: 970px;
  margin: 0 auto;
  padding-left: 5px;
}
@media (max-width: 991px) {
  html body .content-wrapper .header-image .content-tint .container .typo.classic,
  html body .content-wrapper .header-image .content-notint .container .typo.classic,
  html body .content-wrapper .header-image .content-tint .container .typo .radar,
  html body .content-wrapper .header-image .content-notint .container .typo .radar,
  html body .content-wrapper .header-image .content-tint .container .typo .modern,
  html body .content-wrapper .header-image .content-notint .container .typo .modern,
  html body .content-wrapper .header-image .content-tint .container .typo .pocket,
  html body .content-wrapper .header-image .content-notint .container .typo .pocket {
    text-align: center;
  }
}
@media (min-width: 801px) and (max-width: 1005px) {
  html body .content-wrapper .header-image .content-tint .container .typo,
  html body .content-wrapper .header-image .content-notint .container .typo {
    width: 750px;
    padding-left: 15px;
  }
}
@media (max-width: 800px) {
  html body .content-wrapper .header-image .content-tint .container .typo,
  html body .content-wrapper .header-image .content-notint .container .typo {
    width: 100%;
    padding-left: 15px;
    padding-right: 2px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .header-image .content-tint .container .typo,
  html body .content-wrapper .header-image .content-notint .container .typo {
    letter-spacing: 11px;
    line-height: 28px;
    font-size: 21px;
    padding-left: 0px;
  }
}
@media (max-width: 374px) {
  html body .content-wrapper .header-image .content-tint .container .typo,
  html body .content-wrapper .header-image .content-notint .container .typo {
    letter-spacing: 6px;
    line-height: 24px;
    font-size: 16px;
  }
}
html body .content-wrapper .header-image .content-tint .container .typo span,
html body .content-wrapper .header-image .content-notint .container .typo span {
  opacity: 0;
}
html body .content-wrapper .header-image .content-tint .container .typo .stretch,
html body .content-wrapper .header-image .content-notint .container .typo .stretch {
  width: 100%;
  display: inline-block;
  font-size: 0rem;
  line-height: 0;
}
html body .content-wrapper .header-image .content-tint {
  z-index: 1000;
}
html body .content-wrapper .header-image .content-notint {
  z-index: 500;
}
html body .content-wrapper .image-carousel .container .image,
html body .content-wrapper .watch-carousel .container .image {
  cursor: pointer;
}
html body .content-wrapper .image-carousel {
  overflow: hidden;
}
html body .content-wrapper .image-carousel .container {
  text-align: center;
  /*
        @media (min-width: 768px) {
            padding: 0;
            width: 100%;
        }
        @media (min-width: 992px) {
          width: 1020px;
        }
        @media (min-width: 1140px) {
          width: 1122px;
        }
      */

}
@media (min-width: 768px) {
  html body .content-wrapper .image-carousel .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  html body .content-wrapper .image-carousel .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  html body .content-wrapper .image-carousel .container {
    width: 1150px;
  }
}
html body .content-wrapper .image-carousel .container .image img {
  margin: 0px auto 60px;
  padding-top: 0px;
}
@media (max-width: 767px) {
  html body .content-wrapper .image-carousel .container .image img {
    margin: 0px auto 22px;
    padding-bottom: 0px;
  }
}
html body .content-wrapper .image-carousel .container img {
  width: 100%;
}
@media (max-width: 767px) {
  html body .content-wrapper .image-carousel.fp .container .carousel-images .slick-dots,
  html body .content-wrapper .image-carousel.wp .container .carousel-images .slick-dots {
    display: none !important;
  }
}
html body .content-wrapper .image-carousel.fp .container .carousel-images.slick-slider,
html body .content-wrapper .image-carousel.wp .container .carousel-images.slick-slider {
  margin-bottom: 0px;
}
html body .content-wrapper .watch-carousel {
  overflow: hidden;
  height: 100%;
  min-height: 450px;
  background-color: #e6e6e6;
  position: relative;
}
html body .content-wrapper .watch-carousel .container {
  text-align: center;
  height: 100%;
}
html body .content-wrapper .watch-carousel .container .image img {
  margin: 47px auto 60px;
  padding: 30px;
  width: 320px;
  height: auto;
  max-width: 320px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel .container .image img {
    width: 75%;
    margin-top: 25%;
  }
}
@media (max-height: 500px) {
  html body .content-wrapper .watch-carousel .container .image img {
    margin-top: 15%;
  }
}
html body .content-wrapper .watch-carousel .container .carousel-images {
  height: 100%;
}
html body .content-wrapper .watch-carousel .container .carousel-images .slick-dots {
  bottom: 25px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel .container .carousel-images .slick-list {
    padding: 0px !important;
  }
}
html body .content-wrapper .watch-carousel-content,
html body .content-wrapper .rethink-tt {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content,
  html body .content-wrapper .rethink-tt {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  html body .content-wrapper .watch-carousel-content .battery,
  html body .content-wrapper .rethink-tt .battery {
    margin-bottom: 17px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content .battery,
  html body .content-wrapper .rethink-tt .battery {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
html body .content-wrapper .rethink-tt {
  padding-top: 80px;
}
@media (max-width: 767px) {
  html body .content-wrapper .rethink-tt {
    padding-top: 33px;
  }
}
@media (min-width: 768px) {
  html body .content-wrapper .rethink-tt .container .rethink-bg {
    height: 582px;
    background-image: url('../img/frontpage/frontpage-timekeeping.jpg');
    background-position: top right;
    background-repeat: no-repeat;
  }
}
html body .content-wrapper .rethink-tt .container h2,
html body .content-wrapper .rethink-tt .container h1,
html body .content-wrapper .rethink-tt .container p {
  text-align: left;
}
html body .content-wrapper .rethink-tt .container h2 {
  color: #212121;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #96cedd;
  font-size: 15px;
  letter-spacing: 1px;
  margin-top: 0px;
}
@media (max-width: 767px) {
  html body .content-wrapper .rethink-tt .container h2 {
    margin-top: 0px;
    line-height: 16px;
    margin-bottom: 0px;
  }
}
html body .content-wrapper .rethink-tt .container h1 {
  color: #96cedd;
  font-size: 35px;
  letter-spacing: 17px;
  margin-bottom: 26px;
  line-height: 36px;
}
@media (max-width: 991px) {
  html body .content-wrapper .rethink-tt .container h1 {
    letter-spacing: 13px;
  }
}
@media (max-width: 768px) {
  html body .content-wrapper .rethink-tt .container h1 {
    font-size: 25px;
    letter-spacing: 13px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .rethink-tt .container h1 {
    margin-bottom: 18px;
    letter-spacing: 4px;
    font-size: 15px;
    line-height: 25px;
    color: #000;
  }
}
html body .content-wrapper .rethink-tt .container p {
  color: #413d40;
  margin-bottom: 200px;
  font-size: 15px;
  width: 50%;
}
@media (max-width: 991px) {
  html body .content-wrapper .rethink-tt .container p {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .rethink-tt .container p {
    width: 100%;
  }
}
html body .content-wrapper .rethink-tt .container .ppp-app-icon {
  margin-top: 20px;
}
html body .content-wrapper .rethink-tt .container .mobile-rethink-image {
  margin-top: 25px;
  text-align: center;
}
@media (max-width: 767px) {
  html body .content-wrapper .rethink-tt .container .mobile-rethink-image img.app-watch {
    width: 100%;
    margin-left: -20px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .rethink-tt .container .mobile-rethink-image img.ppp-app-icon {
    margin-top: 11px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .rethink-tt .container .mobile-rethink-image img.ppp-app-icon.google {
    margin-top: 18px;
  }
}
html body .content-wrapper .watch-carousel-content {
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content {
    padding-top: 34px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content .container {
    padding-bottom: 25px;
  }
}
html body .content-wrapper .watch-carousel-content .container .row.ta-center {
  text-align: center;
}
@media (max-width: 528px) {
  html body .content-wrapper .watch-carousel-content .container .row.ta-center img {
    width: 100%;
    height: auto;
  }
}
html body .content-wrapper .watch-carousel-content .container .row.ta-center h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content .container .row.ta-center h2 {
    margin-bottom: 9px;
  }
}
html body .content-wrapper .watch-carousel-content .container .row .prbl {
  margin-bottom: 73px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content .container .row .prbl {
    margin-bottom: 10px;
  }
}
html body .content-wrapper .watch-carousel-content .container h1.red-button {
  margin-bottom: 0px;
  font-size: 22px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content .container h1.red-button {
    letter-spacing: 4px;
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content .container h1.one-less {
    margin-bottom: 25px;
  }
}
html body .content-wrapper .watch-carousel-content .container h2 {
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  color: #413d40;
  text-transform: capitalize;
  margin-bottom: 50px;
}
html body .content-wrapper .watch-carousel-content .container .fp-icon-holder .icon {
  text-align: center;
  height: 68px;
  line-height: 68px;
  margin: 0;
}
html body .content-wrapper .watch-carousel-content .container .fp-icon-holder .icon.trophy img {
  width: 26px;
  height: 33px;
}
html body .content-wrapper .watch-carousel-content .container .fp-icon-holder .icon.heart img {
  width: 29px;
  height: 25px;
}
html body .content-wrapper .watch-carousel-content .container .fp-icon-holder .icon.happy img {
  width: 26px;
  height: 25px;
}
html body .content-wrapper .watch-carousel-content .container .fp-icon-holder .icon.checkbox img {
  width: 26px;
  height: 35px;
}
html body .content-wrapper .watch-carousel-content .container .fp-icon-holder .icon.case img {
  width: 32px;
  height: 28px;
}
html body .content-wrapper .watch-carousel-content .container .fp-icon-holder p {
  text-align: center;
  line-height: 1.3;
  font-weight: bold;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel-content .container .fp-icon-holder p {
    margin-bottom: 9px;
  }
  html body .content-wrapper .watch-carousel-content .container .fp-icon-holder p.happy {
    margin-bottom: 23px;
  }
}
html body .content-wrapper .howitworks-fp,
html body .content-wrapper .designers-video {
  height: 100px;
  width: 100%;
  background-image: url('../img/frontpage/what-video.gif');
}
html body .content-wrapper .howitworks-fp .arrow-down,
html body .content-wrapper .designers-video .arrow-down {
  position: absolute;
  z-index: 1000;
}
html body .content-wrapper .howitworks-fp .arrow-down,
html body .content-wrapper .designers-video .arrow-down,
html body .content-wrapper .howitworks-fp .arrow-down-second,
html body .content-wrapper .designers-video .arrow-down-second {
  position: absolute;
  width: 100%;
  z-index: 111111;
  text-align: center;
  bottom: 26px;
}
html body .content-wrapper .howitworks-fp .arrow-down img,
html body .content-wrapper .designers-video .arrow-down img,
html body .content-wrapper .howitworks-fp .arrow-down-second img,
html body .content-wrapper .designers-video .arrow-down-second img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
@media (max-width: 767px) {
  html body .content-wrapper .howitworks-fp .arrow-down,
  html body .content-wrapper .designers-video .arrow-down,
  html body .content-wrapper .howitworks-fp .arrow-down-second,
  html body .content-wrapper .designers-video .arrow-down-second {
    bottom: 20px;
  }
}
html body .content-wrapper .howitworks-fp .arrow-down-second,
html body .content-wrapper .designers-video .arrow-down-second {
  opacity: 0;
}
html body .content-wrapper .howitworks-fp video,
html body .content-wrapper .designers-video video {
  position: absolute;
  z-index: 100;
}
html body .content-wrapper .howitworks-fp .embed-container,
html body .content-wrapper .designers-video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: 100%;
}
html body .content-wrapper .howitworks-fp .embed-container iframe,
html body .content-wrapper .designers-video .embed-container iframe,
html body .content-wrapper .howitworks-fp .embed-container object,
html body .content-wrapper .designers-video .embed-container object,
html body .content-wrapper .howitworks-fp .embed-container embed,
html body .content-wrapper .designers-video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body .content-wrapper .howitworks-fp .container,
html body .content-wrapper .designers-video .container {
  height: 100%;
  width: 100%;
  position: relative;
}
html body .content-wrapper .howitworks-fp .container .centercon,
html body .content-wrapper .designers-video .container .centercon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
html body .content-wrapper .howitworks-fp .container .centercon-texts,
html body .content-wrapper .designers-video .container .centercon-texts {
  width: auto;
  height: auto;
  margin-top: 50px;
  padding: 0px 20px;
  z-index: 100;
}
html body .content-wrapper .howitworks-fp .container #video,
html body .content-wrapper .designers-video .container #video {
  width: 100%;
  height: 120%;
  position: absolute;
  top: -50px;
  left: 0px;
}
@media (max-width: 465px) {
  html body .content-wrapper .howitworks-fp .container #video,
  html body .content-wrapper .designers-video .container #video {
    display: none;
  }
}
@media (max-width: 583px) {
  html body .content-wrapper .howitworks-fp .container #video,
  html body .content-wrapper .designers-video .container #video {
    width: 140%;
    left: -50px;
  }
}
html body .content-wrapper .howitworks-fp .container .button,
html body .content-wrapper .designers-video .container .button {
  display: none;
  width: 200px;
  margin-left: calc(50% - 100px);
}
html body .content-wrapper .howitworks-fp .container .typo-fp,
html body .content-wrapper .designers-video .container .typo-fp {
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  list-style-type: none;
  text-align: justify;
  font-family: 'Knockout 72 A', 'Knockout 72 B', Impact;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 21px;
  line-height: 47px;
  width: 970px;
  margin: 0 auto;
  padding-left: 5px;
}
@media (min-width: 801px) and (max-width: 1005px) {
  html body .content-wrapper .howitworks-fp .container .typo-fp,
  html body .content-wrapper .designers-video .container .typo-fp {
    width: 750px;
    padding-left: 15px;
  }
}
@media (max-width: 800px) {
  html body .content-wrapper .howitworks-fp .container .typo-fp,
  html body .content-wrapper .designers-video .container .typo-fp {
    width: 100%;
  }
}
@media (max-width: 991px) {
  html body .content-wrapper .howitworks-fp .container .typo-fp,
  html body .content-wrapper .designers-video .container .typo-fp {
    letter-spacing: 11px;
    line-height: 28px;
    font-size: 21px;
  }
}
@media (max-width: 374px) {
  html body .content-wrapper .howitworks-fp .container .typo-fp,
  html body .content-wrapper .designers-video .container .typo-fp {
    letter-spacing: 6px;
    line-height: 24px;
    font-size: 16px;
  }
}
html body .content-wrapper .howitworks-fp .container .typo-fp span,
html body .content-wrapper .designers-video .container .typo-fp span {
  opacity: 0;
}
html body .content-wrapper .our-mission {
  padding-top: 75px;
  padding-bottom: 36px;
}
html body .content-wrapper .newyork,
html body .content-wrapper .designers-video {
  position: relative;
  width: 100%;
  height: 100%;
}
html body .content-wrapper .manifesto {
  height: 100%;
  width: 100%;
  min-height: 898px;
  background-color: #212121;
  position: relative;
}
html body .content-wrapper .manifesto .display-table {
  position: absolute;
  height: 100%;
  width: 100%;
}
html body .content-wrapper .manifesto .display-table .container .content-header h1 {
  color: #ffffff;
  background-color: #c6b4a7;
}
html body .content-wrapper .manifesto .display-table .container .typo-manifesto,
html body .content-wrapper .manifesto .display-table .container p {
  color: #707070;
  font-size: 13px;
  list-style-type: none;
  letter-spacing: 0;
  line-height: 25px;
  padding: 0;
  text-rendering: auto;
  text-align: center;
  font-family: Courier, Times, Arial;
}
@media (max-width: 767px) {
  html body .content-wrapper .manifesto .display-table .container .typo-manifesto,
  html body .content-wrapper .manifesto .display-table .container p {
    padding: 0 15px;
    font-size: 12px;
    text-align: left;
  }
}
html body .content-wrapper .flagship-location {
  padding-top: 78px;
  padding-bottom: 40px;
}
html body .content-wrapper .flagship-location .container .content-header {
  margin-bottom: 15px;
}
html body .content-wrapper .map-cover {
  cursor: pointer;
  position: absolute;
  width: 100%;
  z-index: 999999;
}
html body .content-wrapper .brooklyn-map {
  min-height: 330px !important;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  html body .content-wrapper .brooklyn-map {
    height: 330px !important;
  }
}
html body .content-wrapper .brooklyn-map .container {
  height: 100%;
  width: 100%;
  position: relative;
}
html body .content-wrapper .brooklyn-map .container .button {
  width: 200px;
}
html body .content-wrapper .opening-party {
  height: 100%;
  width: 100%;
  background-color: #e55b59;
  position: relative;
}
html body .content-wrapper .opening-party h1 {
  text-align: center;
}
html body .content-wrapper .opening-party .display-table {
  position: absolute;
  height: 100%;
  width: 100%;
}
html body .content-wrapper .opening-party .display-table .container .content-header h1 {
  color: #ffffff;
  background-color: #e55b59;
}
html body .content-wrapper .opening-party .display-table .container .opening-party-typo {
  color: #ffffff;
  font-size: 13px;
  list-style-type: none;
  text-align: center;
  line-height: 28px;
  padding: 0;
}
html body .content-wrapper .opening-party .display-table .container .opening-party-typo a {
  color: #000000;
}
html body .content-wrapper .opening-party .display-table .container .opening-party-typo a:hover {
  text-decoration: underline;
}
html body .content-wrapper .opening-party .display-table .container .opening-party-typo img {
  margin-bottom: 60px;
}
@media (max-width: 700px) {
  html body .content-wrapper .opening-party .display-table .container .opening-party-typo img {
    width: 80%;
    height: auto;
  }
}
html body .content-wrapper .watch-collection-block {
  padding-top: 80px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block {
    padding-top: 0;
    padding-bottom: 0px;
  }
}
html body .content-wrapper .watch-collection-block.first {
  padding-top: 38px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.first {
    padding-top: 0px;
  }
}
html body .content-wrapper .watch-collection-block.last {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.last {
    padding-bottom: 40px;
  }
}
html body .content-wrapper .watch-collection-block .slick-slider {
  margin-bottom: 0px;
}
html body .content-wrapper .watch-collection-block .container {
  position: relative;
}
html body .content-wrapper .watch-collection-block .container .col-car,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate,
html body .content-wrapper .watch-collection-block .container .col-car1,
html body .content-wrapper .watch-collection-block .container .col-car2,
html body .content-wrapper .watch-collection-block .container .col-car3,
html body .content-wrapper .watch-collection-block .container .col-car4,
html body .content-wrapper .watch-collection-block .container .col-car5 {
  overflow: hidden;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block .container .col-car,
  html body .content-wrapper .watch-collection-block .container .col-car-duplicate,
  html body .content-wrapper .watch-collection-block .container .col-car1,
  html body .content-wrapper .watch-collection-block .container .col-car2,
  html body .content-wrapper .watch-collection-block .container .col-car3,
  html body .content-wrapper .watch-collection-block .container .col-car4,
  html body .content-wrapper .watch-collection-block .container .col-car5 {
    padding: 0;
  }
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots {
  bottom: 46px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots {
    bottom: 26px;
  }
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li {
  margin: 0 15px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li,
  html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li,
  html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li,
  html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li,
  html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li,
  html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li,
  html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li {
    margin: 0 8px;
  }
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button {
  margin: -1px;
  height: 24px;
  width: 24px;
  border: none;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.blue,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.blue,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.blue,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.blue,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.blue,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.blue,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.blue {
  background-color: #322e65;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.yellow,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.yellow,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.yellow,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.yellow,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.yellow,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.yellow,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.yellow {
  background-color: #dcbe65;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.red,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.red,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.red,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.red,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.red,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.red,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.red {
  background-color: #951227;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.white,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.white,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.white,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.white,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.white,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.white,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.white {
  background-color: #ffffff;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.black,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.black,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.black,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.black,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.black,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.black,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.black {
  background-color: #181818;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.green,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.green,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.green,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.green,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.green,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.green,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.green {
  background-color: #4f574b;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.grey,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.grey,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.grey,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.grey,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.grey,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.grey,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.grey {
  background-color: #958c8c;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.beige,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.beige,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.beige,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.beige,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.beige,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.beige,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.beige,
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button.brown,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button.brown,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button.brown,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button.brown,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button.brown,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button.brown,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button.brown {
  background-color: #cfa88e;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li button:before,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li button:before,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li button:before,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li button:before,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li button:before,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li button:before,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li button:before {
  content: "";
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li span.ct,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li span.ct,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li span.ct,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li span.ct,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li span.ct,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li span.ct,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li span.ct {
  width: 50px;
  text-align: center;
  margin-left: -14px;
  position: absolute;
  left: 0;
  top: 25px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  color: #989898;
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  -o-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
html body .content-wrapper .watch-collection-block .container .col-car ul.slick-dots li.slick-active span.ct,
html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots li.slick-active span.ct,
html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots li.slick-active span.ct,
html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots li.slick-active span.ct,
html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots li.slick-active span.ct,
html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots li.slick-active span.ct,
html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots li.slick-active span.ct {
  color: #181818 !important;
}
@media (min-width: 768px) {
  html body .content-wrapper .watch-collection-block .container .col-car-duplicate ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car1 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car2 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car3 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car4 ul.slick-dots,
  html body .content-wrapper .watch-collection-block .container .col-car5 ul.slick-dots {
    display: none !important;
  }
}
html body .content-wrapper .watch-collection-block .container .mobile-button-container {
  float: left;
  clear: both;
  width: 100%;
}
html body .content-wrapper .watch-collection-block .container .content {
  width: 260px;
  position: absolute;
  z-index: 222222;
}
html body .content-wrapper .watch-collection-block .container .content a {
  text-decoration: none !important;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block .container .content {
    position: relative;
    width: 100%;
  }
  html body .content-wrapper .watch-collection-block .container .content br {
    display: none;
  }
}
@media (min-width: 1200px) {
  html body .content-wrapper .watch-collection-block .container .content {
    left: -100px;
  }
}
html body .content-wrapper .watch-collection-block .container .content .num,
html body .content-wrapper .watch-collection-block .container .content .header,
html body .content-wrapper .watch-collection-block .container .content .button {
  position: relative;
}
html body .content-wrapper .watch-collection-block .container .content .num {
  color: #000000;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-top: 80px;
  margin-bottom: 20px;
}
html body .content-wrapper .watch-collection-block .container .content .header {
  font-family: 'Knockout 72 A', 'Knockout 72 B';
  font-weight: 400;
  font-style: normal;
  font-size: 60px;
  letter-spacing: 20px;
  text-align: left;
  line-height: 72px;
  margin-left: -3px;
}
html body .content-wrapper .watch-collection-block .container .content .header.red {
  color: #e55b59;
}
html body .content-wrapper .watch-collection-block .container .content .header.blue {
  color: #96cedd;
}
html body .content-wrapper .watch-collection-block .container .content .header.black {
  color: #000000;
}
html body .content-wrapper .watch-collection-block .container .content .header.yellow {
  color: #f3bd33;
}
html body .content-wrapper .watch-collection-block .container .content .header.brown {
  color: #c6b4a7;
}
html body .content-wrapper .watch-collection-block .container .content .button {
  margin-top: 118px;
  display: inline-block;
  padding: 23px 35px;
  height: auto;
  line-height: inherit;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block .container .content .num {
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 2px;
  }
  html body .content-wrapper .watch-collection-block .container .content .button {
    margin-top: 0px !important;
  }
  html body .content-wrapper .watch-collection-block .container .content .button.last {
    margin-top: 25px !important;
    margin-bottom: 0px !important;
  }
  html body .content-wrapper .watch-collection-block .container .content .header {
    font-size: 35px !important;
    line-height: 65px;
    margin-left: -2px;
    margin-bottom: 10px;
  }
}
html body .content-wrapper .watch-collection-block .container .image {
  height: 533px;
  background-color: #e6e6e6;
}
html body .content-wrapper .watch-collection-block .container .image img {
  width: 442px;
  height: auto;
  margin: auto;
  padding: 0px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
html body .content-wrapper .watch-collection-block .container .image img.last {
  bottom: inherit;
}
html body .content-wrapper .watch-collection-block .container .image img.accessory {
  padding: 70px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block .container .image {
    height: 410px;
  }
  html body .content-wrapper .watch-collection-block .container .image img {
    width: 306px;
    height: auto;
  }
  html body .content-wrapper .watch-collection-block .container .image img.accessory {
    padding: 40px;
  }
  html body .content-wrapper .watch-collection-block .container .image img.pocket {
    margin-top: 0px;
  }
}
@media (max-width: 336px) {
  html body .content-wrapper .watch-collection-block .container .image img {
    width: 100%;
  }
}
html body .content-wrapper .functionality-content {
  margin-top: 76px;
}
@media (max-width: 767px) {
  html body .content-wrapper .functionality-content {
    margin-top: 33px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .functionality-content h1 {
    margin-bottom: 16px;
  }
}
html body .content-wrapper .mobile-features {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  html body .content-wrapper .mobile-features {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 673px) {
  html body .content-wrapper .mobile-features img {
    width: 100%;
    height: auto;
  }
}
html body .content-wrapper .fs-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 0px !important;
}
html body .content-wrapper .fs-carousel .slick-list {
  height: 100%;
}
html body .content-wrapper .fs-carousel .slick-list .slick-track {
  height: 100%;
}
html body .content-wrapper .fs-carousel .slick-dots li {
  opacity: 0.4;
}
html body .content-wrapper .fs-carousel .slick-dots li button:before {
  color: #ffffff !important;
}
html body .content-wrapper .fs-carousel .slick-dots li.slick-active {
  opacity: 1;
}
html body .content-wrapper .fs-carousel .slick-dots li.slick-active button:before {
  color: #ffffff !important;
}
@media (max-width: 767px) {
  html body .content-wrapper .fs-carousel {
    height: 50%;
  }
  html body .content-wrapper .fs-carousel .slick-list {
    height: 100%;
  }
  html body .content-wrapper .fs-carousel .slick-list .slick-track {
    height: 100%;
  }
  html body .content-wrapper .fs-carousel .slick-list .slick-track .large-image {
    height: 100%;
  }
}
@media (max-width: 991px) {
  html body .content-wrapper .pp-carousel {
    display: none;
  }
}
html body .content-wrapper .pp-carousel .container {
  position: relative;
}
html body .content-wrapper .pp-carousel .container h1.top {
  position: absolute;
  left: 15px;
  top: 80px;
}
html body .content-wrapper .pp-carousel .container .image4 img,
html body .content-wrapper .pp-carousel .container .image2 img {
  margin-bottom: 0px !important;
}
html body .content-wrapper .pp-carousel .container .image5 img {
  margin-top: 94px;
}
html body .content-wrapper .app-usage-carousel,
html body .content-wrapper .pp-carousel {
  overflow: hidden;
  margin-bottom: 0px !important;
}
@media (max-width: 991px) {
  html body .content-wrapper .app-usage-carousel,
  html body .content-wrapper .pp-carousel {
    display: none;
  }
}
html body .content-wrapper .app-usage-carousel .arrow,
html body .content-wrapper .pp-carousel .arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  html body .content-wrapper .app-usage-carousel .arrow,
  html body .content-wrapper .pp-carousel .arrow {
    display: none;
  }
}
html body .content-wrapper .app-usage-carousel .arrow .a-content,
html body .content-wrapper .pp-carousel .arrow .a-content {
  position: relative;
}
html body .content-wrapper .app-usage-carousel .arrow .a-content .a-color,
html body .content-wrapper .pp-carousel .arrow .a-content .a-color {
  color: #000000;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 15px;
}
html body .content-wrapper .app-usage-carousel .arrow .a-content .a-color.black,
html body .content-wrapper .pp-carousel .arrow .a-content .a-color.black {
  background-color: #000000;
}
html body .content-wrapper .app-usage-carousel .arrow .a-content .a-color.blue,
html body .content-wrapper .pp-carousel .arrow .a-content .a-color.blue {
  background-color: #96cedd;
}
html body .content-wrapper .app-usage-carousel .arrow .a-content .a-color.yellow,
html body .content-wrapper .pp-carousel .arrow .a-content .a-color.yellow {
  background-color: #f3bd33;
}
html body .content-wrapper .app-usage-carousel .arrow .a-content .a-color.red,
html body .content-wrapper .pp-carousel .arrow .a-content .a-color.red {
  background-color: #e55b59;
}
html body .content-wrapper .app-usage-carousel .arrow .a-content img,
html body .content-wrapper .pp-carousel .arrow .a-content img {
  position: absolute;
  width: 50px;
  height: 50px;
}
html body .content-wrapper .app-usage-carousel .arrow.left,
html body .content-wrapper .pp-carousel .arrow.left {
  left: 20px;
}
html body .content-wrapper .app-usage-carousel .arrow.right,
html body .content-wrapper .pp-carousel .arrow.right {
  right: 20px;
  -ms-transform: rotate(180deg);
  /* IE 9 */

  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */

  transform: rotate(180deg);
}
html body .content-wrapper .app-usage-carousel .arrow .bg-color,
html body .content-wrapper .pp-carousel .arrow .bg-color {
  width: 20px;
  height: 20px;
  position: relative;
}
html body .content-wrapper .app-usage-carousel .app-usage,
html body .content-wrapper .pp-carousel .app-usage {
  overflow: hidden;
}
html body .content-wrapper .app-usage-carousel .app-usage.image1,
html body .content-wrapper .pp-carousel .app-usage.image1 {
  background-image: url("../img/app-usage/use-app-1.png");
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content,
html body .content-wrapper .pp-carousel .app-usage .container .au-content {
  margin-top: 158px;
  z-index: 999;
}
@media (max-width: 767px) {
  html body .content-wrapper .app-usage-carousel .app-usage .container .au-content,
  html body .content-wrapper .pp-carousel .app-usage .container .au-content {
    margin-top: 40px;
  }
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2 {
  text-transform: uppercase;
  font-size: 15px;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #000000;
  margin-bottom: 4px;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.black,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.black,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.modern,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.modern {
  color: #000000;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.blue,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.blue,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.radar,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.radar {
  color: #96cedd;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.yellow,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.yellow,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.pocket,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.pocket {
  color: #f3bd33;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.red,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.red,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h2.classic,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h2.classic {
  color: #e55b59;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1 {
  font-family: 'Knockout 72 A', 'Knockout 72 B';
  font-weight: 400;
  font-style: normal;
  text-align: left;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 31px;
  color: #000000;
  letter-spacing: 30px;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.black,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.black,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.modern,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.modern {
  color: #000000;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.blue,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.blue,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.radar,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.radar {
  color: #96cedd;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.yellow,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.yellow,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.pocket,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.pocket {
  color: #f3bd33;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.red,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.red,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content h1.classic,
html body .content-wrapper .pp-carousel .app-usage .container .au-content h1.classic {
  color: #e55b59;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content p,
html body .content-wrapper .pp-carousel .app-usage .container .au-content p {
  text-align: left;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-content .ppp-app-icon,
html body .content-wrapper .pp-carousel .app-usage .container .au-content .ppp-app-icon {
  padding-left: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-image img,
html body .content-wrapper .pp-carousel .app-usage .container .au-image img {
  -webkit-filter: none !important;
  -moz-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-image.image1 img,
html body .content-wrapper .pp-carousel .app-usage .container .au-image.image1 img {
  margin-top: 80px;
  margin-left: -80px;
}
@media (max-width: 767px) {
  html body .content-wrapper .app-usage-carousel .app-usage .container .au-image.image1 img,
  html body .content-wrapper .pp-carousel .app-usage .container .au-image.image1 img {
    margin: 0;
    width: 100%;
  }
}
html body .content-wrapper .app-usage-carousel .app-usage .container .au-image.image4 img,
html body .content-wrapper .pp-carousel .app-usage .container .au-image.image4 img,
html body .content-wrapper .app-usage-carousel .app-usage .container .au-image.image2 img,
html body .content-wrapper .pp-carousel .app-usage .container .au-image.image2 img {
  margin-top: 144px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  html body .content-wrapper .app-usage-carousel .app-usage .container .au-image.image4 img,
  html body .content-wrapper .pp-carousel .app-usage .container .au-image.image4 img,
  html body .content-wrapper .app-usage-carousel .app-usage .container .au-image.image2 img,
  html body .content-wrapper .pp-carousel .app-usage .container .au-image.image2 img {
    margin-top: 10px;
    margin-bottom: 40px;
    width: 100%;
  }
}
html body .content-wrapper .watch-specs {
  width: 100%;
  text-align: center;
  background-color: #ececec;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-specs {
    margin-bottom: 40px;
  }
}
html body .content-wrapper .watch-specs .spec {
  text-align: center;
  height: 80px;
  line-height: 80px;
  text-transform: uppercase;
  font-size: 15px;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-specs .spec {
    text-align: left;
    height: 40px;
    line-height: 40px;
    border-bottom: none !important;
  }
}
@media (max-width: 400px) {
  html body .content-wrapper .watch-specs .spec {
    font-size: 12px;
  }
}
html body .content-wrapper .watch-specs .spec.spec-top {
  border-bottom: 1px solid #dbdbdb;
  color: #8a8a8a;
}
html body .content-wrapper .large-image {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  html body .content-wrapper .large-image {
    height: 50%;
  }
}
html body .content-wrapper .watch-collection-block.product {
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 0px;
}
@media (min-width: 768px) {
  html body .content-wrapper .watch-collection-block.product {
    height: 561px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.product {
    margin-top: 38px;
    margin-bottom: 40px;
  }
}
html body .content-wrapper .watch-collection-block.product .container {
  position: relative;
}
html body .content-wrapper .watch-collection-block.product .container .content .header {
  margin-top: 63px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.product .container .content .header {
    margin-top: 0px;
    line-height: 27px;
  }
}
html body .content-wrapper .watch-collection-block.product .container .content p {
  width: 281px;
  text-align: left;
  line-height: 40px;
  letter-spacing: 0.5px;
  margin-top: 20px;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  html body .content-wrapper .watch-collection-block.product .container .content p {
    width: 221px;
    line-height: 30px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.product .container .content p {
    width: 100%;
    margin-bottom: 22px;
    font-size: 13px;
  }
}
html body .content-wrapper .watch-collection-block.product .container .image,
html body .content-wrapper .watch-collection-block.product .container .col-car {
  height: 561px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.product .container .image,
  html body .content-wrapper .watch-collection-block.product .container .col-car {
    height: 441px;
  }
  html body .content-wrapper .watch-collection-block.product .container .image ul.slick-dots,
  html body .content-wrapper .watch-collection-block.product .container .col-car ul.slick-dots {
    bottom: 26px;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  html body .content-wrapper .watch-collection-block.product .container .image ul.slick-dots,
  html body .content-wrapper .watch-collection-block.product .container .col-car ul.slick-dots {
    display: none;
  }
}
@media (min-width: 768px) {
  html body .content-wrapper .watch-collection-block.product .container .image ul.slick-dots,
  html body .content-wrapper .watch-collection-block.product .container .col-car ul.slick-dots {
    display: none !important;
  }
}
html body .content-wrapper .watch-collection-block.product .container .image.pocket img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.product .container .image.pocket img {
    width: 340px;
    top: 0px;
    bottom: auto;
    padding: 0px;
  }
}
@media (max-width: 400px) {
  html body .content-wrapper .watch-collection-block.product .container .image.pocket img {
    width: 340px;
    top: 0px;
    bottom: auto;
    padding: 0px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-collection-block.product .container .col-car {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  html body .content-wrapper .watch-collection-block.product.classic .container .product-info {
    top: 33px;
    height: 495px;
  }
}
html body .content-wrapper .watch-collection-block.product.classic .container .product-info a {
  text-decoration: none;
}
html body .content-wrapper .watch-collection-block.product.classic .container .product-info a .accessory-button {
  border-color: #c2c2c2;
  color: #c2c2c2;
  display: block !important;
}
html body .content-wrapper .watch-collection-block.product.classic .container .product-info a .accessory-button:hover {
  border-color: #000000;
  color: #ffffff;
}
html body .content-wrapper .watch-collection-block.product.pocket .container .product-info .delivery {
  display: block !important;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.3;
  color: #b2b2b2 !important;
  margin-top: 20px;
}
@media (min-width: 768px) {
  html body .content-wrapper .watch-collection-block.product.pocket .container .product-info {
    top: 66px;
    height: 432px;
  }
}
@media (min-width: 768px) {
  html body .content-wrapper .product-info {
    position: absolute;
    top: 80px;
    right: -65px;
    padding: 40px;
    height: 400px;
    width: 241px;
    background-color: #ffffff;
    z-index: 666666;
  }
  html body .content-wrapper .product-info.extra {
    height: 473px;
    top: 44px;
  }
}
@media (max-width: 1199px) {
  html body .content-wrapper .product-info {
    right: 15px;
  }
}
@media (max-width: 991px) {
  html body .content-wrapper .product-info {
    width: 201px;
    padding: 25px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .product-info {
    position: relative;
    float: left;
    width: 100%;
    right: 0;
    padding: 0;
  }
}
html body .content-wrapper .product-info .delivery {
  display: none;
}
html body .content-wrapper .product-info .header {
  border-bottom: 1px solid #dcdcdc;
  height: 56px;
  position: relative;
  opacity: 1;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-info .header {
    margin-top: 22px;
  }
}
html body .content-wrapper .product-info .header .name,
html body .content-wrapper .product-info .header .price,
html body .content-wrapper .product-info .header .ref,
html body .content-wrapper .product-info .header .out-of-stock {
  position: absolute;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
}
html body .content-wrapper .product-info .header .name,
html body .content-wrapper .product-info .header .price {
  font-size: 24px;
}
html body .content-wrapper .product-info .header .name {
  color: #212121;
  top: -4px;
  left: 0;
}
html body .content-wrapper .product-info .header .price {
  color: #212121;
  top: 0px;
  left: 0px;
}
html body .content-wrapper .product-info .header .ref {
  color: #b2b2b2 !important;
  bottom: 6px;
  left: 0;
  font-size: 12px;
}
html body .content-wrapper .product-info .header .out-of-stock {
  display: none;
  left: 85px;
  text-align: left;
  color: #e55b59;
  width: 87px;
  height: 40px;
  line-height: 16px;
  border-left: 1px solid #dcdcdc;
  padding-left: 10px;
  font-size: 13px;
}
@media (min-width: 768px) {
  html body .content-wrapper .product-info .header .out-of-stock {
    left: 85px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .product-info .header .out-of-stock {
    right: 0;
  }
}
html body .content-wrapper .product-info .colors {
  border-bottom: 1px solid #dcdcdc;
  height: 82px;
}
@media (max-width: 767px) {
  html body .content-wrapper .product-info .colors {
    display: none !important;
  }
}
html body .content-wrapper .product-info .colors.one .color {
  margin-left: 61px;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-info .colors.one .color {
    margin-left: 56px;
  }
}
html body .content-wrapper .product-info .colors.two .color {
  margin-left: 21px;
  margin-right: 21px;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-info .colors.two .color {
    margin-left: 19px;
    margin-right: 18px;
  }
}
html body .content-wrapper .product-info .colors.three .color {
  margin-left: 8px;
  margin-right: 7px;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-info .colors.three .color {
    margin-left: 6px;
    margin-right: 6px;
  }
}
html body .content-wrapper .product-info .colors.six {
  height: 178px;
}
html body .content-wrapper .product-info .colors.six .color {
  margin-top: 14px;
  margin-left: 8px;
  margin-right: 7px;
}
html body .content-wrapper .product-info .colors.six .color:nth-child(4),
html body .content-wrapper .product-info .colors.six .color:nth-child(5),
html body .content-wrapper .product-info .colors.six .color:nth-child(6) {
  margin-top: 42px;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-info .colors.six .color {
    margin-left: 6px;
    margin-right: 6px;
  }
}
html body .content-wrapper .product-info .colors .color {
  width: 38px;
  height: 38px;
  line-height: 103px;
  text-align: center;
  float: left;
  position: relative;
  margin-top: 13px;
  border: 1px solid #ffffff;
  border-radius: 19px;
  cursor: pointer;
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  -o-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
html body .content-wrapper .product-info .colors .color.active {
  border: 1px solid #8d8d8d;
}
html body .content-wrapper .product-info .colors .color.active .ctp {
  color: #181818 !important;
}
html body .content-wrapper .product-info .colors .color:hover {
  border: 1px solid #8d8d8d;
}
html body .content-wrapper .product-info .colors .color .color-circle {
  margin: auto;
  border-radius: 15px;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
html body .content-wrapper .product-info .colors .color .color-circle.white {
  background-color: #fff;
  border: 1px solid #8d8d8d;
}
html body .content-wrapper .product-info .colors .color .color-circle.blue {
  background-color: #322e65;
}
html body .content-wrapper .product-info .colors .color .color-circle.yellow {
  background-color: #dcbe65;
}
html body .content-wrapper .product-info .colors .color .color-circle.red {
  background-color: #951227;
}
html body .content-wrapper .product-info .colors .color .color-circle.white {
  background-color: #ffffff;
}
html body .content-wrapper .product-info .colors .color .color-circle.black {
  background-color: #181818;
}
html body .content-wrapper .product-info .colors .color .color-circle.green {
  background-color: #4f574b;
}
html body .content-wrapper .product-info .colors .color .color-circle.grey {
  background-color: #958c8c;
}
html body .content-wrapper .product-info .colors .color .color-circle.beige,
html body .content-wrapper .product-info .colors .color .color-circle.brown {
  background-color: #cfa88e;
}
html body .content-wrapper .product-info .colors .color .ctp {
  width: 64px;
  text-align: center;
  margin-left: -14px;
  position: absolute;
  left: 0;
  top: 37px;
  line-height: 29px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  color: #b2b2b2;
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  -o-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
html body .content-wrapper .product-info .quantity {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #dcdcdc;
}
html body .content-wrapper .product-info .quantity .quantity-text {
  line-height: 70px;
  float: left;
  color: #212121;
}
html body .content-wrapper .product-info .quantity #quantity,
html body .content-wrapper .product-info .quantity #quantity1,
html body .content-wrapper .product-info .quantity #quantity2,
html body .content-wrapper .product-info .quantity #quantity3,
html body .content-wrapper .product-info .quantity #quantity4,
html body .content-wrapper .product-info .quantity #quantity5 {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background-color: #ffffff;
  color: #212121;
  float: right;
  height: 29px;
  margin-top: 20px;
  line-height: 29px;
  padding-left: 40px;
}
@media (max-width: 767px) {
  html body .content-wrapper .product-info .quantity #quantity,
  html body .content-wrapper .product-info .quantity #quantity1,
  html body .content-wrapper .product-info .quantity #quantity2,
  html body .content-wrapper .product-info .quantity #quantity3,
  html body .content-wrapper .product-info .quantity #quantity4,
  html body .content-wrapper .product-info .quantity #quantity5 {
    background-color: #f1f1f1;
  }
}
html body .content-wrapper .product-info .button {
  margin-top: 29px;
  margin-bottom: 0px;
  width: 100%;
  padding: 0;
  border-radius: 0px;
}
html body .content-wrapper .product-info .button.accessory-button {
  display: none;
}
html body .content-wrapper .product-info .button:hover {
  background-color: #000000;
  color: #f1f1f1;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-info .button {
    float: right;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .product-info .button {
    background-color: #f1f1f1;
  }
}
html body .content-wrapper .product-images .container .image-container {
  margin: 80px 0;
  padding: 0 40px;
}
html body .content-wrapper .product-images .container .image-container img {
  width: 100%;
  height: auto;
}
html body .content-wrapper .watch-carousel.product h1.accessory {
  padding: 0 15px;
  position: absolute;
  top: 80px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel.product h1.accessory {
    top: 15px;
  }
}
html body .content-wrapper .watch-carousel.product .button.accessory {
  position: absolute;
  bottom: 85px;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  left: 0;
  width: 183px;
}
@media (max-width: 767px) {
  html body .content-wrapper .watch-carousel.product .button.accessory {
    bottom: 15px;
  }
}
@media (max-width: 768px) {
  html body .content-wrapper .watch-carousel.product .container .carousel-images .slick-dots {
    bottom: 5px !important;
  }
}
html body .content-wrapper .watch-carousel.product .container .image img {
  padding: 0px !important;
}
html body .content-wrapper .product-parallax,
html body .content-wrapper .product-parallax-static {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #f1f1f1;
  text-align: center;
}
@media (max-width: 767px) {
  html body .content-wrapper .product-parallax,
  html body .content-wrapper .product-parallax-static {
    margin-bottom: 70px;
  }
}
@media (min-width: 992px) {
  html body .content-wrapper .product-parallax,
  html body .content-wrapper .product-parallax-static {
    display: none;
  }
}
html body .content-wrapper .product-parallax .container,
html body .content-wrapper .product-parallax-static .container {
  position: relative;
  height: 100%;
}
@media (min-width: 992px) {
  html body .content-wrapper .product-parallax .container,
  html body .content-wrapper .product-parallax-static .container {
    width: 970px !important;
  }
}
html body .content-wrapper .product-parallax .container .static-img,
html body .content-wrapper .product-parallax-static .container .static-img,
html body .content-wrapper .product-parallax .container .parallax-phone-1-mobile,
html body .content-wrapper .product-parallax-static .container .parallax-phone-1-mobile,
html body .content-wrapper .product-parallax .container .parallax-phone-2-mobile,
html body .content-wrapper .product-parallax-static .container .parallax-phone-2-mobile {
  display: none;
}
html body .content-wrapper .product-parallax .container .ph,
html body .content-wrapper .product-parallax-static .container .ph {
  position: absolute;
  width: 320px;
  margin-top: -270px;
  top: 50%;
  z-index: 555555;
}
html body .content-wrapper .product-parallax .container .ph .ph-h1,
html body .content-wrapper .product-parallax-static .container .ph .ph-h1 {
  clear: both;
  opacity: 0;
  margin-top: 0px;
  width: 320px;
  color: #e55b59;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
html body .content-wrapper .product-parallax .container .ph .ph-h1.right,
html body .content-wrapper .product-parallax-static .container .ph .ph-h1.right {
  float: right;
  clear: both;
  margin-right: 0px;
  text-align: right;
}
@media (max-width: 767px) {
  html body .content-wrapper .product-parallax .container .ph .ph-h1.right,
  html body .content-wrapper .product-parallax-static .container .ph .ph-h1.right {
    margin-top: 15px !important;
  }
}
html body .content-wrapper .product-parallax .container .ph .ph-h1.left,
html body .content-wrapper .product-parallax-static .container .ph .ph-h1.left {
  float: left;
  clear: both;
  text-align: left;
}
html body .content-wrapper .product-parallax .container .ph .ph-h2,
html body .content-wrapper .product-parallax-static .container .ph .ph-h2 {
  clear: both;
  opacity: 0;
  margin-top: 0px;
  width: 320px;
  font-family: 'Knockout 72 A', 'Knockout 72 B';
  color: #e55b59;
  font-weight: 400;
  font-style: normal;
  font-size: 60px;
  letter-spacing: 20px;
  line-height: 72px;
  margin-bottom: 18px;
}
html body .content-wrapper .product-parallax .container .ph .ph-h2.right,
html body .content-wrapper .product-parallax-static .container .ph .ph-h2.right {
  text-align: right;
  float: right;
  clear: both;
  margin-right: -22px;
}
@media (max-width: 1079px) {
  html body .content-wrapper .product-parallax .container .ph .ph-h2.right,
  html body .content-wrapper .product-parallax-static .container .ph .ph-h2.right {
    margin-right: -18px;
  }
}
html body .content-wrapper .product-parallax .container .ph .ph-h2.left,
html body .content-wrapper .product-parallax-static .container .ph .ph-h2.left {
  float: left;
  clear: both;
  text-align: left;
}
html body .content-wrapper .product-parallax .container .ph .ph-h3,
html body .content-wrapper .product-parallax-static .container .ph .ph-h3 {
  clear: both;
  opacity: 0;
  margin-top: 0px;
  width: 320px;
  color: #413d40;
}
html body .content-wrapper .product-parallax .container .ph .ph-h3.right,
html body .content-wrapper .product-parallax-static .container .ph .ph-h3.right {
  float: right;
  margin-right: 0px;
  text-align: right;
}
html body .content-wrapper .product-parallax .container .ph .ph-h3.left,
html body .content-wrapper .product-parallax-static .container .ph .ph-h3.left {
  float: left;
  text-align: left;
}
html body .content-wrapper .product-parallax .container .ph.right,
html body .content-wrapper .product-parallax-static .container .ph.right {
  right: 15px;
}
@media (max-width: 1040px) {
  
}
html body .content-wrapper .product-parallax .container .ph.left,
html body .content-wrapper .product-parallax-static .container .ph.left {
  left: 0px;
}
@media (max-width: 1035px) {
  html body .content-wrapper .product-parallax .container .ph.left,
  html body .content-wrapper .product-parallax-static .container .ph.left {
    left: 15px;
  }
}
html body .content-wrapper .product-parallax .container .ph.ver2 .ph-h1.right,
html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h1.right,
html body .content-wrapper .product-parallax .container .ph.ver2 .ph-h2.right,
html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h2.right,
html body .content-wrapper .product-parallax .container .ph.ver2 .ph-h3.right,
html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h3.right {
  margin-top: 20px;
  margin-right: 0px;
}
html body .content-wrapper .product-parallax .container .ph.ver2 .ph-h2.right,
html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h2.right {
  margin-right: -22px;
}
@media (max-width: 1079px) {
  html body .content-wrapper .product-parallax .container .ph.ver2 .ph-h2.right,
  html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h2.right {
    margin-right: -18px;
  }
}
html body .content-wrapper .product-parallax .container .parallax-header-2,
html body .content-wrapper .product-parallax-static .container .parallax-header-2 {
  margin-top: -270px;
}
html body .content-wrapper .product-parallax .container .parallax-header-2 .pc2-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-2 .pc2-h1 {
  margin-top: 5px;
}
html body .content-wrapper .product-parallax .container .parallax-header-2 .pc2-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-2 .pc2-h2 {
  margin-top: 20px;
  margin-left: -2px;
}
html body .content-wrapper .product-parallax .container .parallax-header-2 .pc2-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-2 .pc2-h3 {
  margin-top: 20px;
}
html body .content-wrapper .product-parallax .container .parallax-header-3,
html body .content-wrapper .product-parallax-static .container .parallax-header-3 {
  margin-top: -270px;
}
html body .content-wrapper .product-parallax .container .parallax-header-3 .pc3-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h1 {
  margin-right: 0px;
}
html body .content-wrapper .product-parallax .container .parallax-header-3 .pc3-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h2 {
  margin-right: -22px;
}
@media (max-width: 1079px) {
  html body .content-wrapper .product-parallax .container .parallax-header-3 .pc3-h2,
  html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h2 {
    margin-right: -18px;
  }
}
html body .content-wrapper .product-parallax .container .parallax-header-3 .pc3-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h3 {
  margin-right: 0px;
}
html body .content-wrapper .product-parallax .container .parallax-header-4,
html body .content-wrapper .product-parallax-static .container .parallax-header-4,
html body .content-wrapper .product-parallax .container .parallax-header-6,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 {
  margin-top: -270px;
}
html body .content-wrapper .product-parallax .container .parallax-header-4 .pc4-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc4-h1,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pc4-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc4-h1,
html body .content-wrapper .product-parallax .container .parallax-header-4 .pc6-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc6-h1,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pc6-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc6-h1 {
  margin-top: 20px;
}
html body .content-wrapper .product-parallax .container .parallax-header-4 .pc4-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc4-h2,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pc4-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc4-h2,
html body .content-wrapper .product-parallax .container .parallax-header-4 .pc6-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc6-h2,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pc6-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc6-h2 {
  margin-top: 20px;
  margin-left: -2px;
}
html body .content-wrapper .product-parallax .container .parallax-header-4 .pc4-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc4-h3,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pc4-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc4-h3,
html body .content-wrapper .product-parallax .container .parallax-header-4 .pc6-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc6-h3,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pc6-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc6-h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
html body .content-wrapper .product-parallax .container .parallax-header-4 .pi-1,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pi-1,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pi-1,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pi-1,
html body .content-wrapper .product-parallax .container .parallax-header-4 .pi-2,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pi-2,
html body .content-wrapper .product-parallax .container .parallax-header-6 .pi-2,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pi-2 {
  float: right;
  clear: both;
  opacity: 0;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-parallax .container .parallax-header-4 .pi-1,
  html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pi-1,
  html body .content-wrapper .product-parallax .container .parallax-header-6 .pi-1,
  html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pi-1,
  html body .content-wrapper .product-parallax .container .parallax-header-4 .pi-2,
  html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pi-2,
  html body .content-wrapper .product-parallax .container .parallax-header-6 .pi-2,
  html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pi-2 {
    float: none;
    width: 132px;
    margin: 0 30px 15px;
  }
}
html body .content-wrapper .product-parallax .container .parallax-header-5,
html body .content-wrapper .product-parallax-static .container .parallax-header-5 {
  margin-top: -270px;
}
html body .content-wrapper .product-parallax .container .parallax-header-5 .pc5-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pc5-h1 {
  margin-top: 20px;
}
html body .content-wrapper .product-parallax .container .parallax-header-5 .pc5-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pc5-h2 {
  margin-top: 20px;
  margin-left: -2px;
}
html body .content-wrapper .product-parallax .container .parallax-header-5 .pc5-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pc5-h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
html body .content-wrapper .product-parallax .container .parallax-header-5 .pi-3,
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pi-3,
html body .content-wrapper .product-parallax .container .parallax-header-5 .pi-4,
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pi-4 {
  clear: both;
  float: left;
  opacity: 0;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 991px) {
  html body .content-wrapper .product-parallax .container .parallax-header-5 .pi-3,
  html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pi-3,
  html body .content-wrapper .product-parallax .container .parallax-header-5 .pi-4,
  html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pi-4 {
    float: none !important;
    width: 132px;
    margin: 0 30px 15px;
  }
}
html body .content-wrapper .product-parallax .container .parallax-watch-1,
html body .content-wrapper .product-parallax-static .container .parallax-watch-1,
html body .content-wrapper .product-parallax .container .parallax-phone-1,
html body .content-wrapper .product-parallax-static .container .parallax-phone-1,
html body .content-wrapper .product-parallax .container .parallax-phone-2,
html body .content-wrapper .product-parallax-static .container .parallax-phone-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 666666;
}
html body .content-wrapper .product-parallax .container .parallax-watch-1,
html body .content-wrapper .product-parallax-static .container .parallax-watch-1 {
  margin-top: -250px;
  margin-left: -200px;
}
html body .content-wrapper .product-parallax .container .parallax-phone-1,
html body .content-wrapper .product-parallax-static .container .parallax-phone-1,
html body .content-wrapper .product-parallax .container .parallax-phone-2,
html body .content-wrapper .product-parallax-static .container .parallax-phone-2 {
  opacity: 0;
  margin-top: -324px;
  margin-left: -220px;
}
html body .content-wrapper .product-parallax .container .parallax-phone-1,
html body .content-wrapper .product-parallax-static .container .parallax-phone-1 {
  transform: scale(0.8);
}
html body .content-wrapper .product-parallax .container .parallax-phone-2,
html body .content-wrapper .product-parallax-static .container .parallax-phone-2 {
  z-index: 666555;
}
html body .content-wrapper .product-parallax .container .jump-image,
html body .content-wrapper .product-parallax-static .container .jump-image {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  margin-top: -307px;
  margin-left: -387px;
  z-index: 444444;
}
html body .content-wrapper .product-parallax .container .phone-screen-anim,
html body .content-wrapper .product-parallax-static .container .phone-screen-anim {
  position: absolute;
  transform: scale(0.8);
  opacity: 0;
  top: 50%;
  left: 50%;
  width: 226px;
  height: 401px;
  margin-top: -199px;
  margin-left: -114px;
  z-index: 666777;
  background-color: #000000;
  overflow: hidden;
}
html body .content-wrapper .product-parallax .container .pp-press,
html body .content-wrapper .product-parallax-static .container .pp-press,
html body .content-wrapper .product-parallax .container .moments-5,
html body .content-wrapper .product-parallax-static .container .moments-5 {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  margin-left: 134px;
  margin-top: -100px;
  z-index: 444444;
}
html body .content-wrapper .product-parallax .container .moments-5,
html body .content-wrapper .product-parallax-static .container .moments-5 {
  margin-left: 144px;
  margin-top: 86px;
  /*margin-left: -324px;
			margin-top: -570px;*/

}
html body .content-wrapper .product-parallax.touch-static,
html body .content-wrapper .product-parallax-static.touch-static {
  height: auto;
}
html body .content-wrapper .product-parallax.touch-static .grey-bg-1,
html body .content-wrapper .product-parallax-static.touch-static .grey-bg-1,
html body .content-wrapper .product-parallax.touch-static .grey-bg-2,
html body .content-wrapper .product-parallax-static.touch-static .grey-bg-2,
html body .content-wrapper .product-parallax.touch-static .grey-bg-3,
html body .content-wrapper .product-parallax-static.touch-static .grey-bg-3 {
  display: none;
}
html body .content-wrapper .product-parallax.touch-static .container,
html body .content-wrapper .product-parallax-static.touch-static .container {
  padding: 0px;
}
html body .content-wrapper .product-parallax.touch-static .container .parallax-watch-1,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-watch-1,
html body .content-wrapper .product-parallax.touch-static .container parallax-phone-1,
html body .content-wrapper .product-parallax-static.touch-static .container parallax-phone-1,
html body .content-wrapper .product-parallax.touch-static .container .parallax-phone-2,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-phone-2,
html body .content-wrapper .product-parallax.touch-static .container .jump-image,
html body .content-wrapper .product-parallax-static.touch-static .container .jump-image,
html body .content-wrapper .product-parallax.touch-static .container .moments-5,
html body .content-wrapper .product-parallax-static.touch-static .container .moments-5,
html body .content-wrapper .product-parallax.touch-static .container .pp-press,
html body .content-wrapper .product-parallax-static.touch-static .container .pp-press,
html body .content-wrapper .product-parallax.touch-static .container .phone-screen-anim,
html body .content-wrapper .product-parallax-static.touch-static .container .phone-screen-anim,
html body .content-wrapper .product-parallax.touch-static .container .grey-bg-1,
html body .content-wrapper .product-parallax-static.touch-static .container .grey-bg-1,
html body .content-wrapper .product-parallax.touch-static .container .grey-bg-2,
html body .content-wrapper .product-parallax-static.touch-static .container .grey-bg-2,
html body .content-wrapper .product-parallax.touch-static .container .grey-bg-3,
html body .content-wrapper .product-parallax-static.touch-static .container .grey-bg-3 {
  display: none;
}
html body .content-wrapper .product-parallax.touch-static .container .static-img,
html body .content-wrapper .product-parallax-static.touch-static .container .static-img,
html body .content-wrapper .product-parallax.touch-static .container .parallax-phone-1-mobile,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-phone-1-mobile,
html body .content-wrapper .product-parallax.touch-static .container .parallax-phone-2-mobile,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-phone-2-mobile {
  display: block;
  width: 100%;
}
html body .content-wrapper .product-parallax.touch-static .container .ph,
html body .content-wrapper .product-parallax-static.touch-static .container .ph {
  position: relative !important;
  width: 100% !important;
  margin-top: 0px !important;
  padding: 0 15px;
  float: left;
  clear: both;
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .content-wrapper .product-parallax.touch-static .container .ph,
  html body .content-wrapper .product-parallax-static.touch-static .container .ph {
    width: 50% !important;
    padding: 0 30px;
  }
}
html body .content-wrapper .product-parallax.touch-static .container .ph.right,
html body .content-wrapper .product-parallax-static.touch-static .container .ph.right {
  right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .content-wrapper .product-parallax.touch-static .container .ph.right,
  html body .content-wrapper .product-parallax-static.touch-static .container .ph.right {
    clear: left;
  }
}
html body .content-wrapper .product-parallax.touch-static .container .ph.left,
html body .content-wrapper .product-parallax-static.touch-static .container .ph.left {
  left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .content-wrapper .product-parallax.touch-static .container .ph.left,
  html body .content-wrapper .product-parallax-static.touch-static .container .ph.left {
    clear: right;
  }
}
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h1,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h1,
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h2,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h2,
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h3,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h3 {
  opacity: 1 !important;
  text-align: left !important;
  width: 100% !important;
  margin-right: 0px !important;
  margin-bottom: 0px;
}
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h1.right,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h1.right,
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h2.right,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h2.right,
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h3.right,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h3.right {
  float: none !important;
}
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h2,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h2 {
  font-size: 35px !important;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-top: 0px !important;
}
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h2 br,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h2 br {
  display: none;
}
@media (min-width: 768px) {
  html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h2,
  html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h2 {
    margin-bottom: 15px;
  }
}
html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h3,
html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h3 {
  margin-top: 0px !important;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  html body .content-wrapper .product-parallax.touch-static .container .ph .ph-h3,
  html body .content-wrapper .product-parallax-static.touch-static .container .ph .ph-h3 {
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .content-wrapper .product-parallax.touch-static .container .parallax-header-1,
  html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-1 {
    margin-top: 40px !important;
  }
  html body .content-wrapper .product-parallax.touch-static .container .parallax-header-2,
  html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-2 {
    margin-top: 338px !important;
  }
  html body .content-wrapper .product-parallax.touch-static .container .parallax-header-4,
  html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-4 {
    margin-top: -243px !important;
  }
  html body .content-wrapper .product-parallax.touch-static .container .parallax-header-5,
  html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-5 {
    margin-bottom: 80px;
    margin-top: 250px !important;
  }
}
html body .content-wrapper .product-parallax.touch-static .container .parallax-header-4 .pi-1,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-4 .pi-1,
html body .content-wrapper .product-parallax.touch-static .container .parallax-header-4 .pi-2,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-4 .pi-2 {
  opacity: 1 !important;
}
html body .content-wrapper .product-parallax.touch-static .container .parallax-header-5 .pi-3,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-5 .pi-3,
html body .content-wrapper .product-parallax.touch-static .container .parallax-header-5 .pi-4,
html body .content-wrapper .product-parallax-static.touch-static .container .parallax-header-5 .pi-4 {
  float: left;
  opacity: 1 !important;
}
html body .content-wrapper .product-parallax .hiw-nav,
html body .content-wrapper .product-parallax-static .hiw-nav {
  position: absolute;
  width: 24px;
  height: 270px;
  right: 26px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 999999;
}
@media (max-width: 1169px) {
  html body .content-wrapper .product-parallax .hiw-nav,
  html body .content-wrapper .product-parallax-static .hiw-nav {
    right: 5px;
  }
}
@media (max-width: 1080px) {
  html body .content-wrapper .product-parallax .hiw-nav,
  html body .content-wrapper .product-parallax-static .hiw-nav {
    display: none;
  }
}
html body .content-wrapper .product-parallax .hiw-nav li,
html body .content-wrapper .product-parallax-static .hiw-nav li {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 18px 0;
  padding: 0;
}
html body .content-wrapper .product-parallax .hiw-nav li button,
html body .content-wrapper .product-parallax-static .hiw-nav li button {
  border: 2px solid transparent;
  border-radius: 15px;
  margin: 8px 9px 9px 9px;
  background: transparent;
  display: block;
  height: 2px;
  width: 2px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 0px;
  cursor: default;
  color: black;
}
html body .content-wrapper .product-parallax .hiw-nav li button:hover,
html body .content-wrapper .product-parallax-static .hiw-nav li button:hover {
  color: #black;
}
html body .content-wrapper .product-parallax .hiw-nav li button:hover,
html body .content-wrapper .product-parallax-static .hiw-nav li button:hover,
html body .content-wrapper .product-parallax .hiw-nav li button:focus,
html body .content-wrapper .product-parallax-static .hiw-nav li button:focus {
  outline: none;
}
html body .content-wrapper .product-parallax .hiw-nav li button:hover:before,
html body .content-wrapper .product-parallax-static .hiw-nav li button:hover:before,
html body .content-wrapper .product-parallax .hiw-nav li button:focus:before,
html body .content-wrapper .product-parallax-static .hiw-nav li button:focus:before {
  opacity: 1;
}
html body .content-wrapper .product-parallax .hiw-nav li button:before,
html body .content-wrapper .product-parallax-static .hiw-nav li button:before {
  content: "•";
  color: #b2b2b2;
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s linear 0.2s;
  -moz-transition: all 0s linear 0.2s;
  -o-transition: all 0s linear 0.2s;
  transition: all 0s linear 0.2s;
}
html body .content-wrapper .product-parallax .hiw-nav li button.active:before,
html body .content-wrapper .product-parallax-static .hiw-nav li button.active:before {
  margin-top: 0px;
  content: "•";
  line-height: 21px;
  text-align: center;
  color: #000000;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body .content-wrapper .product-parallax .hiw-nav li button.red:before,
html body .content-wrapper .product-parallax-static .hiw-nav li button.red:before {
  color: #e55b59 !important;
}
html body .content-wrapper .product-parallax .grey-bg-1,
html body .content-wrapper .product-parallax-static .grey-bg-1,
html body .content-wrapper .product-parallax .grey-bg-2,
html body .content-wrapper .product-parallax-static .grey-bg-2,
html body .content-wrapper .product-parallax .grey-bg-3,
html body .content-wrapper .product-parallax-static .grey-bg-3 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  background-color: #ececec;
}
html body .content-wrapper .product-parallax .arrow-down,
html body .content-wrapper .product-parallax-static .arrow-down,
html body .content-wrapper .product-parallax .arrow-down-second,
html body .content-wrapper .product-parallax-static .arrow-down-second {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  z-index: 111111;
  text-align: center;
  bottom: 26px;
}
html body .content-wrapper .product-parallax .arrow-down img,
html body .content-wrapper .product-parallax-static .arrow-down img,
html body .content-wrapper .product-parallax .arrow-down-second img,
html body .content-wrapper .product-parallax-static .arrow-down-second img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
@media (max-width: 767px) {
  html body .content-wrapper .product-parallax .arrow-down,
  html body .content-wrapper .product-parallax-static .arrow-down,
  html body .content-wrapper .product-parallax .arrow-down-second,
  html body .content-wrapper .product-parallax-static .arrow-down-second {
    bottom: 20px;
  }
}
@media (max-width: 768px) {
  html body .content-wrapper .product-parallax .arrow-down,
  html body .content-wrapper .product-parallax-static .arrow-down,
  html body .content-wrapper .product-parallax .arrow-down-second,
  html body .content-wrapper .product-parallax-static .arrow-down-second {
    display: none;
  }
}
html body .content-wrapper .product-parallax .arrow-down .arrow-down-second,
html body .content-wrapper .product-parallax-static .arrow-down .arrow-down-second,
html body .content-wrapper .product-parallax .arrow-down-second .arrow-down-second,
html body .content-wrapper .product-parallax-static .arrow-down-second .arrow-down-second {
  opacity: 0;
}
html body .content-wrapper .product-parallax-static {
  display: none;
  height: 400%;
}
html body .content-wrapper .product-parallax-static .section1,
html body .content-wrapper .product-parallax-static .section2,
html body .content-wrapper .product-parallax-static .section3,
html body .content-wrapper .product-parallax-static .section4 {
  height: 25%;
}
html body .content-wrapper .product-parallax-static .section2,
html body .content-wrapper .product-parallax-static .section4 {
  background-color: #ececec;
}
html body .content-wrapper .product-parallax-static .section4 .phone-screen-anim img {
  margin-top: -890px;
  margin-left: -226px;
}
html body .content-wrapper .product-parallax-static .container .ph {
  position: absolute;
  width: 320px;
  margin-top: -200px;
  top: 50%;
  z-index: 555555;
}
html body .content-wrapper .product-parallax-static .container .ph .ph-h1,
html body .content-wrapper .product-parallax-static .container .ph .ph-h2,
html body .content-wrapper .product-parallax-static .container .ph .ph-h3 {
  opacity: 1;
}
html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h1.right,
html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h2.right,
html body .content-wrapper .product-parallax-static .container .ph.ver2 .ph-h3.right {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-2 .pc2-h1 {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-2 .pc2-h2 {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-2 .pc2-h3 {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h1 {
  margin-right: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h2 {
  margin-right: -22px;
}
@media (max-width: 1079px) {
  html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h2 {
    margin-right: -18px;
  }
}
html body .content-wrapper .product-parallax-static .container .parallax-header-3 .pc3-h3 {
  margin-right: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc4-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc4-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc6-h1,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc6-h1 {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc4-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc4-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc6-h2,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc6-h2 {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc4-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc4-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pc6-h3,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pc6-h3 {
  margin-top: 0px;
  margin-bottom: 20px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pi-1,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pi-1,
html body .content-wrapper .product-parallax-static .container .parallax-header-4 .pi-2,
html body .content-wrapper .product-parallax-static .container .parallax-header-6 .pi-2 {
  opacity: 0;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pc5-h1 {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pc5-h2 {
  margin-top: 0px;
  margin-left: -2px;
}
html body .content-wrapper .product-parallax-static .container .parallax-header-5 .pc5-h3 {
  margin-top: 0px;
}
html body .content-wrapper .product-parallax-static .container .parallax-phone-1,
html body .content-wrapper .product-parallax-static .container .parallax-phone-2 {
  opacity: 1;
}
html body .content-wrapper .product-parallax-static .container .parallax-phone-1 {
  transform: scale(1);
}
html body .content-wrapper .product-parallax-static .container .parallax-phone-2 {
  z-index: 666555;
}
html body .content-wrapper .product-parallax-static .container .jump-image {
  opacity: 1;
  margin-top: -277px;
}
html body .content-wrapper .product-parallax-static .container .phone-screen-anim {
  transform: scale(1);
  opacity: 1;
}
html body .content-wrapper .product-parallax-static .container .pp-press,
html body .content-wrapper .product-parallax-static .container .moments-5 {
  opacity: 1;
  margin-left: 134px;
  margin-top: -111px;
}
html body .content-wrapper .product-parallax-static .container .moments-5 {
  margin-left: 134px;
  margin-top: 78px;
}
html body .content-wrapper .inspiration-header {
  margin-top: 120px;
}
html body .content-wrapper .inspiration-images {
  padding-top: 80px;
}
html body .content-wrapper .inspiration-images .container .inspiration-image {
  text-align: center;
  width: 50%;
  float: left;
}
@media (min-width: 320px) {
  html body .content-wrapper .inspiration-images .container .inspiration-image {
    padding: 0;
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (min-width: 400px) {
  html body .content-wrapper .inspiration-images .container .inspiration-image {
    padding: 0 2%;
    width: 50%;
  }
}
@media (min-width: 640px) {
  html body .content-wrapper .inspiration-images .container .inspiration-image {
    padding: 0 2%;
    margin-bottom: 160px;
  }
}
@media (min-width: 768px) {
  html body .content-wrapper .inspiration-images .container .inspiration-image {
    padding: 0 2%;
  }
}
@media (min-width: 992px) {
  html body .content-wrapper .inspiration-images .container .inspiration-image {
    padding: 0;
  }
}
html body .content-wrapper .inspiration-images .container .inspiration-image img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
html body .content-wrapper .inspiration-images .container .inspiration-image.w2 {
  width: 100%;
}
html body .content-wrapper .inspiration-images .container .inspiration-image.w2 img {
  width: 100%;
  height: auto;
  max-width: 970px;
}
html body .content-wrapper .inspiration-images .container .inspiration-image .image-text {
  margin-top: 5px;
  text-transform: uppercase;
}
html body .content-wrapper .inspiration-images .container .inspiration-image .image-text,
html body .content-wrapper .inspiration-images .container .inspiration-image .tags {
  text-align: left;
  color: #212121;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
@media (min-width: 768px) {
  html body .content-wrapper .inspiration-images .container .inspiration-image .image-text,
  html body .content-wrapper .inspiration-images .container .inspiration-image .tags {
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  html body .content-wrapper .inspiration-images .container .inspiration-image .image-text,
  html body .content-wrapper .inspiration-images .container .inspiration-image .tags {
    margin-left: 40px;
  }
}
html body .content-wrapper .howitworks {
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}
@media (min-width: 992px) {
  html body .content-wrapper .howitworks {
    overflow: hidden;
    position: absolute;
  }
}
html body .content-wrapper .howitworks .container .hiw-nav {
  position: absolute;
  width: 24px;
  height: 336px;
  right: 26px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 999999;
}
@media (max-width: 991px) {
  html body .content-wrapper .howitworks .container .hiw-nav {
    display: none;
  }
}
html body .content-wrapper .howitworks .container .hiw-nav li {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 18px 0;
  padding: 0;
  cursor: pointer;
}
html body .content-wrapper .howitworks .container .hiw-nav li button {
  border: 2px solid transparent;
  border-radius: 15px;
  margin: 8px 9px 9px 9px;
  background: transparent;
  display: block;
  height: 2px;
  width: 2px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 0px;
  cursor: pointer;
  color: black;
}
html body .content-wrapper .howitworks .container .hiw-nav li button:hover {
  color: #black;
}
html body .content-wrapper .howitworks .container .hiw-nav li button:hover,
html body .content-wrapper .howitworks .container .hiw-nav li button:focus {
  outline: none;
}
html body .content-wrapper .howitworks .container .hiw-nav li button:hover:before,
html body .content-wrapper .howitworks .container .hiw-nav li button:focus:before {
  opacity: 1;
}
html body .content-wrapper .howitworks .container .hiw-nav li button:before {
  content: "•";
  color: #b2b2b2;
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s linear 0.2s;
  -moz-transition: all 0s linear 0.2s;
  -o-transition: all 0s linear 0.2s;
  transition: all 0s linear 0.2s;
}
html body .content-wrapper .howitworks .container .hiw-nav li button.active:before {
  margin-top: 0px;
  content: "•";
  line-height: 21px;
  text-align: center;
  color: #000000;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body .content-wrapper .howitworks .container .hiw-nav li button.red:before {
  color: #e55b59 !important;
}
html body .content-wrapper .howitworks .container .hiw-watch {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(0.9);
  opacity: 0;
  z-index: 1000;
}
html body .content-wrapper .howitworks .container .first-content,
html body .content-wrapper .howitworks .container .second-content,
html body .content-wrapper .howitworks .container .third-content {
  text-align: center;
}
@media (min-width: 992px) {
  html body .content-wrapper .howitworks .container .first-content,
  html body .content-wrapper .howitworks .container .second-content,
  html body .content-wrapper .howitworks .container .third-content {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 640px;
  }
}
@media (max-width: 991px) {
  html body .content-wrapper .howitworks .container .first-content,
  html body .content-wrapper .howitworks .container .second-content,
  html body .content-wrapper .howitworks .container .third-content {
    position: relative;
    opacity: 1;
  }
}
html body .content-wrapper .howitworks .container .first-content h1,
html body .content-wrapper .howitworks .container .second-content h1,
html body .content-wrapper .howitworks .container .third-content h1 {
  text-align: center;
  background-color: transparent;
  margin-bottom: 62px;
}
@media (max-width: 991px) {
  html body .content-wrapper .howitworks .container .first-content h1,
  html body .content-wrapper .howitworks .container .second-content h1,
  html body .content-wrapper .howitworks .container .third-content h1 {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .howitworks .container .first-content h1,
  html body .content-wrapper .howitworks .container .second-content h1,
  html body .content-wrapper .howitworks .container .third-content h1 {
    text-align: left;
    margin-bottom: 20px;
  }
}
html body .content-wrapper .howitworks .container .first-content .button,
html body .content-wrapper .howitworks .container .second-content .button,
html body .content-wrapper .howitworks .container .third-content .button {
  height: auto;
  display: inline-block;
  padding: 0 35px;
  margin-top: 34px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  html body .content-wrapper .howitworks .container .first-content .button,
  html body .content-wrapper .howitworks .container .second-content .button,
  html body .content-wrapper .howitworks .container .third-content .button {
    margin-top: 14px;
  }
}
html body .content-wrapper .howitworks .container .third-content {
  z-index: 8000;
}
html body .content-wrapper .howitworks .container .press-to-remember,
html body .content-wrapper .howitworks .container .applications,
html body .content-wrapper .howitworks .container .mobile-features {
  width: 100%;
  text-align: center;
}
@media (max-width: 673px) {
  html body .content-wrapper .howitworks .container .press-to-remember img,
  html body .content-wrapper .howitworks .container .applications img,
  html body .content-wrapper .howitworks .container .mobile-features img {
    width: 100%;
    height: auto;
  }
}
html body .content-wrapper .howitworks .container .press-to-remember {
  padding-top: 120px;
}
html body .content-wrapper .howitworks .container .mobile-features {
  padding-top: 62px;
}
html body .content-wrapper .howitworks .container .third-content {
  padding-top: 39px;
  padding-bottom: 62px;
}
html body .content-wrapper .howitworks .container .phone1 {
  position: absolute;
  left: -10px;
  top: -110%;
}
html body .content-wrapper .howitworks .container .phone2 {
  position: absolute;
  right: -30px;
  bottom: -110%;
}
html body .content-wrapper .howitworks .container .phone-features {
  width: 651px;
  height: 343px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 500;
}
html body .content-wrapper .howitworks .container .phone-features .features-container {
  position: relative;
  width: 651px;
  height: 343px;
}
html body .content-wrapper .howitworks .container .phone-features .features-container img {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  transform: scale(0.9);
}
html body .content-wrapper .howitworks .container .phone-features .features-container img.feature0,
html body .content-wrapper .howitworks .container .phone-features .features-container img.feature1 {
  top: 6px;
}
html body .content-wrapper .howitworks .container .arrow-down,
html body .content-wrapper .howitworks .container .arrow-down-second {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  z-index: 111111;
  text-align: center;
}
@media (max-width: 768px) {
  html body .content-wrapper .howitworks .container .arrow-down,
  html body .content-wrapper .howitworks .container .arrow-down-second {
    display: none;
  }
}
html body .content-wrapper .howitworks .container .header-icon {
  display: none;
  top: 40px;
}
html body .content-wrapper .howitworks .container .arrow-down,
html body .content-wrapper .howitworks .container .arrow-down-second {
  bottom: 26px;
}
html body .content-wrapper .howitworks .container .arrow-down img,
html body .content-wrapper .howitworks .container .arrow-down-second img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
@media (max-width: 767px) {
  html body .content-wrapper .howitworks .container .arrow-down,
  html body .content-wrapper .howitworks .container .arrow-down-second {
    bottom: 20px;
  }
}
html body .content-wrapper .howitworks .container .arrow-down-second {
  opacity: 0;
}
html body .content-wrapper .howitworks.no-touch {
  height: inherit !important;
  overflow: auto;
  position: relative;
}
html body .content-wrapper .howitworks.no-touch .container .hiw-watch,
html body .content-wrapper .howitworks.no-touch .container .phone1,
html body .content-wrapper .howitworks.no-touch .container .phone2,
html body .content-wrapper .howitworks.no-touch .container .phone-features,
html body .content-wrapper .howitworks.no-touch .container .arrow-down,
html body .content-wrapper .howitworks.no-touch .container .arrow-down-second {
  display: none;
}
html body .content-wrapper .howitworks.no-touch .container .press-to-remember,
html body .content-wrapper .howitworks.no-touch .container .applications,
html body .content-wrapper .howitworks.no-touch .container .mobile-features {
  display: block !important;
}
html body .content-wrapper .howitworks.no-touch .container .first-content,
html body .content-wrapper .howitworks.no-touch .container .second-content,
html body .content-wrapper .howitworks.no-touch .container .third-content {
  position: relative;
  opacity: 1;
  margin-top: 0px !important;
}
html body .content-wrapper .howitworks.no-touch .container .first-content h1,
html body .content-wrapper .howitworks.no-touch .container .second-content h1,
html body .content-wrapper .howitworks.no-touch .container .third-content h1 {
  margin-top: 32px;
}
html body .content-wrapper .howitworks.no-touch .container .first-content {
  margin-top: 0px;
}
html body .content-wrapper .sale {
  position: fixed;
  bottom: 80px;
  right: 0px;
  z-index: 666777;
  width: 241px;
  height: 328px;
  background-color: #e55b59;
  -webkit-transition: all ease-in 0.2s;
  -moz-transition: all ease-in 0.2s;
  -o-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
}
@media (max-width: 767px) {
  html body .content-wrapper .sale {
    bottom: 0;
    width: 100%;
    height: 57px;
  }
}
html body .content-wrapper .sale.move {
  right: -241px;
}
html body .content-wrapper .sale.move-bottom {
  bottom: -80px;
}
html body .content-wrapper .sale .sale-content {
  padding: 31px 41px 14px 41px;
}
@media (max-width: 767px) {
  html body .content-wrapper .sale .sale-content {
    padding: 0;
  }
}
html body .content-wrapper .sale .sale-content .sale-close {
  margin-bottom: 18px;
  cursor: pointer;
}
@media (max-width: 767px) {
  html body .content-wrapper .sale .sale-content .sale-close {
    float: right;
    line-height: 57px;
    margin-right: 15px;
  }
}
html body .content-wrapper .sale .sale-content .sale-header {
  border-bottom: 1px solid #ea7c7a;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: bold;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 1px;
  text-align: justify;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  html body .content-wrapper .sale .sale-content .sale-header {
    text-align: left;
    line-height: 57px;
    margin: 0;
    padding: 0;
    margin-left: 15px;
  }
}
html body .content-wrapper .sale .sale-content p {
  text-align: justify;
  color: #ffffff;
  margin-bottom: 18px;
  line-height: 18px;
}
html body .content-wrapper .sale .sale-content p.last {
  margin-bottom: 0;
}
html body .content-wrapper .product-page-content .product-page-info {
  margin-top: 110px;
}
html body .content-wrapper .product-page-content ul.product-list {
  padding-left: 0;
}
html body .content-wrapper .product-page-content ul.product-list li {
  font-size: 13px;
  list-style-type: none;
  margin-bottom: 18px;
}
html body .content-wrapper .product-page-content ul.product-list li::before {
  content: "•";
  padding-right: 8px;
}
html body .content-wrapper .product-page-content .product-wrap {
  position: relative;
}
html body .content-wrapper .product-page-content .col-car-product {
  margin-top: 79px;
}
html body .content-wrapper .product-page-content .col-car-product .image img {
  width: auto;
  height: auto;
}
html body .content-wrapper .product-page-content .slick-slide img {
  padding: 0;
}
html body .content-wrapper .product-page-content .slick-list {
  background: transparent url(../img/product-page-carousel/demo_phone_bg.png) no-repeat center center;
  background-size: contain;
}
html body .content-wrapper .product-page-content .slick-arrow {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 50%;
  margin-top: -7px;
  cursor: pointer;
  z-index: 9999;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -moz-transition-delay: 0s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  -ms-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
}
html body .content-wrapper .product-page-content .slick-arrow:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -moz-transition-delay: 0s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  -ms-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
}
html body .content-wrapper .product-page-content .slick-arrow.left {
  left: 15px;
  display: block;
  background: transparent url(../img/product-page-carousel/p-arrow-left.png) no-repeat center center;
}
html body .content-wrapper .product-page-content .slick-arrow.right {
  right: 15px;
  display: block;
  background: transparent url(../img/product-page-carousel/p-arrow-right.png) no-repeat center center;
}
html body .content-wrapper .product-page-content .slick-slider {
  margin-bottom: 6px;
  overflow: hidden;
}
html body .content-wrapper .product-page-content .slick-dots {
  margin-top: 43px;
  position: relative;
  margin-bottom: 0;
}
html body .content-wrapper .product-page-content .slick-slide img {
  margin: 0 auto;
}
@media (max-width: 767px) {
  html body .content-wrapper .product-page-content .product-page-info {
    margin-top: 18px;
  }
  html body .content-wrapper .product-page-content .col-car-product {
    margin-top: 30px;
  }
  html body .content-wrapper .product-page-content .slick-slide img {
    padding: 0;
  }
  html body .content-wrapper .product-page-content .col-car-product .image img {
    width: 50%;
    height: auto;
  }
  html body .content-wrapper .product-page-content .slick-dots {
    margin-top: 7px;
    margin-bottom: 3px;
  }
  html body .content-wrapper .product-page-content ul.product-list li {
    margin-bottom: 8px;
  }
  html body .content-wrapper .product-page-content .slick-arrow.left {
    display: none;
  }
  html body .content-wrapper .product-page-content .slick-arrow.right {
    display: none;
  }
}
html body .content-wrapper h1.support {
  margin-bottom: 24px;
  letter-spacing: 1px;
}
html body .content-wrapper p.support,
html body .content-wrapper img.support,
html body .content-wrapper h2.last {
  margin-bottom: 150px !important;
}
html body .content-wrapper .support a {
  color: #e55b59;
}
html body .content-wrapper img.support {
  margin-top: 39px;
}
html body .content-wrapper h1.first {
  margin-top: 75px;
}
html body .content-wrapper h2.support {
  margin-bottom: 36px;
}
html body .content-wrapper h2.first {
  margin-top: 10px;
}
html body .content-wrapper h2.support a {
  color: #212121 !important;
  font-size: 13px;
}
html body .content-wrapper h2.support img {
  margin-right: 19px;
}
html body .content-wrapper .tac {
  text-align: center;
}
html body .content-wrapper .tac img {
  margin-bottom: 160px;
  opacity: 1;
  cursor: pointer;
  transition: opacity 0.1s linear;
}
html body .content-wrapper .tac img:hover {
  opacity: 0.7;
}
@media (max-width: 991px) {
  html body .content-wrapper img.support {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  html body .content-wrapper .tac img {
    margin-bottom: 40px !important;
  }
  html body .content-wrapper p.support,
  html body .content-wrapper img.support,
  html body .content-wrapper h2.last,
  html body .content-wrapper .tac img.bottomimg {
    margin-bottom: 75px !important;
  }
  html body .content-wrapper h1.first,
  html body .content-wrapper img.support {
    margin-top: 0;
  }
  html body .content-wrapper .xs-padding0 {
    padding: 0;
  }
}
@media (max-width: 400px) {
  html body .content-wrapper .tac img {
    height: 150px;
  }
}
html body .content-wrapper .watch-carousel-content,
html body .content-wrapper .watch-collection-block,
html body .content-wrapper .image-carousel,
html body .content-wrapper .image-carousel-content,
html body .content-wrapper .howitworks-fp,
html body .content-wrapper .our-mission,
html body .content-wrapper .flagship-location {
  position: relative;
  background-color: #f1f1f1;
  display: block;
}
@media (min-width: 769px) {
  html body .row.top {
    margin-top: 100px;
  }
}
@media (max-width: 768px) {
  html body .row.top {
    margin-top: 0;
  }
}
@media (min-width: 769px) {
  html body .row.bottom {
    margin-bottom: 200px;
  }
}
@media (max-width: 768px) {
  html body .row.bottom {
    margin-bottom: 0;
  }
}
html body .quotes {
  width: 100%;
  position: relative;
  background-color: #323232;
}
html body .quotes .container {
  border-bottom: 1px solid #454545;
}
html body .quotes .container .content {
  padding: 0;
  overflow: hidden;
  margin: 0px 0 15px;
}
html body .quotes .container .content .quote-carousel .slick-list {
  padding: 0 !important;
}
html body .quotes .container .content .quote-carousel .slick-dots {
  bottom: -63px;
}
html body .quotes .container .content .quote-carousel .slick-dots li button:before {
  color: #666666;
}
html body .quotes .container .content .quote-carousel .slick-dots li.slick-active button:before {
  color: #ffffff;
}
html body .quotes .container .content .quote-carousel .container {
  padding: 0;
  border-bottom: none;
}
html body .quotes .container .content .quote-carousel .quote {
  width: 33.33%;
  padding: 0px 20px;
  float: left;
  margin: 80px 0px 0px 0px;
}
@media (max-width: 991px) {
  html body .quotes .container .content .quote-carousel .quote {
    width: 50%;
  }
}
@media (max-width: 767px) {
  html body .quotes .container .content .quote-carousel .quote {
    width: 100%;
    margin: 30px 0px 0px 0px;
  }
}
html body .quotes .container .content .quote-carousel .quote .upper-quote-icon {
  width: 100%;
  height: 8px;
  background: url('../img/upper_quote-2x.png') no-repeat top center;
  background-size: auto 100%;
  margin-bottom: 10px;
}
html body .quotes .container .content .quote-carousel .quote p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #f1f1f1;
  line-height: 30px;
  letter-spacing: 3px;
  margin-bottom: 0px;
}
html body .quotes .container .content .quote-carousel .quote .lower-quote-icon {
  width: 100%;
  height: 8px;
  background: url('../img/lower_quote-2x.png') no-repeat top center;
  background-size: auto 100%;
  margin-top: 10px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo {
  width: 100%;
  height: 44px;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0px;
  margin-top: 56px;
}
@media (max-width: 767px) {
  html body .quotes .container .content .quote-carousel .quote .quote-logo {
    margin: 24px 0px 0px 0px;
  }
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.techtimes {
  background-image: url('../img/logo_techtimes_2x.png');
  background-size: 124px 12px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.pittsburgh {
  background-image: url('../img/pittsburgh-2x.png');
  background-size: 148px 40px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.cnet {
  background-image: url('../img/cnet-2x.png');
  background-size: 44px 44px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.edgemedianetwork {
  background-image: url('../img/edgemedianetwork-2x.png');
  background-size: 160px 27px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.selectism {
  background-image: url('../img/selectism.png');
  background-size: 169px 27px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.gearpatrol {
  background-image: url('../img/gear_patrol.png');
  background-size: 128px 23px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.accmagazine {
  background-image: url('../img/accessories_magazine.png');
  background-size: 132px 40px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.producthunt {
  height: 45px;
  background-image: url('../img/producthunt-logo.png');
  background-size: 45px 45px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.higsnobiety {
  background-image: url('../img/higsnobiety-logo.png');
  background-size: 61px 45px;
}
html body .quotes .container .content .quote-carousel .quote .quote-logo.uncrate {
  background-image: url('../img/uncrate-logo.png');
  background-size: 183px 30px;
}
html body .join-newsletter {
  position: relative;
  background-color: #323232;
}
html body .join-newsletter .container .content,
html body .join-newsletter .container .form {
  margin: 80px 0;
  padding: 0;
}
@media (max-width: 767px) {
  html body .join-newsletter .container .content,
  html body .join-newsletter .container .form {
    margin: 33px 0 0 0;
  }
}
html body .join-newsletter .container .content h2,
html body .join-newsletter .container .form h2 {
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  html body .join-newsletter .container .content h2.sign-up,
  html body .join-newsletter .container .form h2.sign-up {
    margin-top: 20px;
  }
}
html body .join-newsletter .container .content p,
html body .join-newsletter .container .form p {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 13px;
  color: #858585;
  text-align: left;
  line-height: 22px;
  margin-bottom: 13px;
}
html body .join-newsletter .container .content .submit-arrow,
html body .join-newsletter .container .form .submit-arrow {
  position: absolute;
  top: 56px;
  right: 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  opacity: 0.5;
}
html body .join-newsletter .container .content .submit-arrow img,
html body .join-newsletter .container .form .submit-arrow img {
  width: 11px;
  height: 7px;
}
html body .join-newsletter .container .content .submit-arrow.correct,
html body .join-newsletter .container .form .submit-arrow.correct {
  opacity: 1;
  cursor: pointer;
}
html body .join-newsletter .container .content .submit-arrow.hide,
html body .join-newsletter .container .form .submit-arrow.hide {
  opacity: 0;
}
@media (max-width: 767px) {
  html body .join-newsletter .container .content .submit-arrow,
  html body .join-newsletter .container .form .submit-arrow {
    top: 50px;
    right: 5px;
  }
}
html body .join-newsletter .container .content input,
html body .join-newsletter .container .form input {
  float: left;
  clear: both;
  background-color: #212121;
  border: none;
  color: #ffffff;
  height: 50px;
  padding-left: 22px;
  width: 100%;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  -webkit-appearance: none;
  border-radius: 0;
}
html body .join-newsletter .container .content input::-webkit-input-placeholder,
html body .join-newsletter .container .form input::-webkit-input-placeholder {
  color: #858585;
}
html body .join-newsletter .container .content input:-moz-placeholder,
html body .join-newsletter .container .form input:-moz-placeholder {
  color: #858585;
}
html body .join-newsletter .container .content input::-moz-placeholder,
html body .join-newsletter .container .form input::-moz-placeholder {
  color: #858585;
}
html body .join-newsletter .container .content input:-ms-input-placeholder,
html body .join-newsletter .container .form input:-ms-input-placeholder {
  color: #858585;
}
@media (max-width: 767px) {
  html body .join-newsletter .container .content input,
  html body .join-newsletter .container .form input {
    padding-left: 15px;
    margin-bottom: 60px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  html body .join-newsletter .container .form {
    margin: 0;
  }
  html body .join-newsletter .container .form input#country {
    margin-bottom: 80px;
  }
}
html body .footer {
  position: relative;
  background-color: #f1f1f1;
  padding: 80px 0;
}
html body .footer .container a,
html body .footer .container .header,
html body .footer .container .description,
html body .footer .container .all-rights {
  font-size: 12px;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 29px;
}
html body .footer .container a,
html body .footer .container .description {
  color: #212121;
}
html body .footer .container a:hover {
  text-decoration: none;
  color: #ffffff !important;
}
html body .footer .container .header,
html body .footer .container .all-rights {
  color: #9f9f9f;
}
html body .footer .container .logo-container {
  height: 52px;
}
@media (max-width: 767px) {
  html body .footer .container .logo-container {
    display: none;
  }
}
html body .footer .container .logo-container .logo {
  position: absolute;
  left: 15px;
  width: 103px;
  height: 20px;
  background-image: url('../img/what-watch-logo-navi-2x.png');
  background-size: 102px 20px;
  background-repeat: no-repeat;
}
html body .footer .container .header,
html body .footer .container .description {
  float: left;
  position: relative;
  clear: both;
  font-size: 12px;
  width: auto;
  height: auto;
  opacity: 1;
}
@media (max-width: 767px) {
  html body .footer .container .header {
    margin-top: 22px;
  }
}
html body .footer .container .all-rights {
  padding-top: 19px;
}
html body .footer .container .icon {
  float: left;
  margin-left: 30px;
  margin-top: 5px;
  background-repeat: no-repeat;
}
html body .footer .container .icon.twitter {
  width: 16px;
  height: 13px;
  background-size: 16px 13px;
  margin-left: 0;
}
html body .footer .container .icon.facebook {
  width: 7px;
  height: 14px;
  background-size: 7px 14px;
}
html body .footer .container .icon.instagram {
  width: 13px;
  height: 13px;
  background-size: 13px 13px;
}
html body .footer .container .icon.youtube {
  width: 14px;
  height: 13px;
  background-size: 14px 13px;
}
html body .footer .container .icon.pinterest {
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
}
html body .footer.dark {
  padding-top: 0;
  background-color: #323232;
}
html body .footer.dark .container a {
  color: #9f9f9f;
}
html body .footer.dark .container .header {
  color: #ffffff;
}
html body .footer.dark .container .description {
  color: #9f9f9f;
}
html body .footer.dark .container .icon {
  cursor: pointer;
}
html body .footer.dark .container .icon.twitter {
  background-image: url('../img/social/twitter-grey2x.png');
}
html body .footer.dark .container .icon.facebook {
  background-image: url('../img/social/facebook-grey2x.png');
}
html body .footer.dark .container .icon.instagram {
  background-image: url('../img/social/instagram-grey2x.png');
}
html body .footer.dark .container .icon.youtube {
  background-image: url('../img/social/youtube-grey2x.png');
}
html body .footer.dark .container .icon.pinterest {
  background-image: url('../img/social/pint_grey.png');
}
html body .footer.dark .container .icon:hover.twitter {
  background-image: url('../img/social/twitter-2x.png');
}
html body .footer.dark .container .icon:hover.facebook {
  background-image: url('../img/social/facebook-2x.png');
}
html body .footer.dark .container .icon:hover.instagram {
  background-image: url('../img/social/instagram-2x.png');
}
html body .footer.dark .container .icon:hover.youtube {
  background-image: url('../img/social/youtube-2x.png');
}
html body .footer.dark .container .icon:hover.pinterest {
  background-image: url('../img/social/pint_white.png');
}
html body .footer.dark .logo-container .logo {
  background-image: url('../img/what-watch-logo-navi-white2x.png');
}
html body .cart-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  z-index: 999999;
  opacity: 0;
  -ms-transform: scale(0.9);
  /* IE 9 */

  -webkit-transform: scale(0.9);
  /* Safari */

  transform: scale(0.9);
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  overflow-y: scroll;
}
html body .cart-popup.visible {
  display: block;
}
html body .cart-popup.animate-in {
  opacity: 1;
  -ms-transform: scale(1);
  /* IE 9 */

  -webkit-transform: scale(1);
  /* Safari */

  transform: scale(1);
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
html body .cart-popup .close-popup {
  position: absolute;
  z-index: 999999;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
html body .cart-popup .empty-cart {
  margin-top: 15px;
}
@media (max-width: 767px) {
  html body .cart-popup .empty-cart {
    width: 133px;
    height: 38px;
  }
}
html body .cart-popup .shopping-cart {
  color: #f1f1f1;
}
html body .cart-popup .shopping-cart .container .row {
  position: relative;
}
html body .cart-popup .shopping-cart .container .row.border-bottom {
  border-bottom: 1px solid #cdcdcd;
}
html body .cart-popup .shopping-cart .container .row.product {
  height: 168px;
  line-height: 168px;
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row.product {
    height: 68px;
    line-height: 68px;
  }
}
html body .cart-popup .shopping-cart .container .row.product .full-height {
  line-height: inherit;
}
html body .cart-popup .shopping-cart .container .row.product img.product-image {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row.product img.product-image {
    max-width: 30px;
  }
}
html body .cart-popup .shopping-cart .container .row.product h1 {
  margin-bottom: 0px;
  text-align: left;
  margin-top: 64px;
  letter-spacing: 2px;
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row.product h1 {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 13px;
  }
}
html body .cart-popup .shopping-cart .container .row.product h1.blue {
  color: #96cedd;
}
html body .cart-popup .shopping-cart .container .row.product h1.yellow {
  color: #f3bd33;
}
html body .cart-popup .shopping-cart .container .row.product h1.red {
  color: #e55b59;
}
html body .cart-popup .shopping-cart .container .row.product h1.black {
  color: #000;
}
html body .cart-popup .shopping-cart .container .row.product h1.brown {
  color: #000;
}
html body .cart-popup .shopping-cart .container .row.product h2 {
  margin-top: 77px;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  color: #212121;
  font-weight: bold;
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row.product h2 {
    margin-top: 25px;
  }
}
html body .cart-popup .shopping-cart .container .row.product p {
  margin-bottom: 0px;
  text-align: left;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #9f9f9f;
  line-height: 28px;
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row.product p {
    line-height: 11px;
    font-size: 11px;
  }
}
html body .cart-popup .shopping-cart .container .row.product select.quantity {
  color: #212121;
}
html body .cart-popup .shopping-cart .container .row h1.top {
  text-align: left;
  margin-top: 17px;
  margin-bottom: 33px;
  letter-spacing: 2px;
}
html body .cart-popup .shopping-cart .container .row h2 {
  color: #9f9f9f;
  font-size: 15px;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 16px;
}
html body .cart-popup .shopping-cart .container .row h2.left {
  text-align: left;
}
html body .cart-popup .shopping-cart .container .row h2.center {
  text-align: center;
}
html body .cart-popup .shopping-cart .container .row h2.right {
  text-align: right;
}
html body .cart-popup .shopping-cart .container .row .subtotal {
  float: right;
  text-align: right;
}
html body .cart-popup .shopping-cart .container .row .subtotal h1 {
  letter-spacing: 1px;
  text-align: right;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 0px;
}
html body .cart-popup .shopping-cart .container .row .subtotal h1 span {
  text-transform: none;
  letter-spacing: 0px;
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
}
html body .cart-popup .shopping-cart .container .row .preorder-text {
  float: left;
  margin-top: 15px;
  text-align: left;
  color: #181818;
  font-size: 13px;
}
html body .cart-popup .shopping-cart .container .row .check-out {
  float: right;
  margin-top: 20px;
  clear: right;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row .check-out {
    margin-bottom: 0px;
  }
}
html body .cart-popup .shopping-cart .container .row .pltoml {
  padding-left: 0px;
  margin-left: 15px;
}
html body .cart-popup .shopping-cart .container .row .prtomr {
  padding-right: 0px;
  margin-right: 15px;
}
html body .cart-popup .shopping-cart .container .row.nubuck_s h1,
html body .cart-popup .shopping-cart .container .row.leather_s h1,
html body .cart-popup .shopping-cart .container .row.nubuck h1,
html body .cart-popup .shopping-cart .container .row.pocket_bands h1 {
  margin-top: 42px;
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row.nubuck_s h1,
  html body .cart-popup .shopping-cart .container .row.leather_s h1,
  html body .cart-popup .shopping-cart .container .row.nubuck h1,
  html body .cart-popup .shopping-cart .container .row.pocket_bands h1 {
    margin-top: 13px;
    line-height: 13px;
    font-size: 10px;
    letter-spacing: 0px;
  }
  html body .cart-popup .shopping-cart .container .row.nubuck_s p,
  html body .cart-popup .shopping-cart .container .row.leather_s p,
  html body .cart-popup .shopping-cart .container .row.nubuck p,
  html body .cart-popup .shopping-cart .container .row.pocket_bands p {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  html body .cart-popup .shopping-cart .container .row.leather h1 {
    margin-top: 13px;
    line-height: 13px;
    font-size: 10px;
    letter-spacing: 0px;
  }
  html body .cart-popup .shopping-cart .container .row.leather p {
    margin-top: 4px;
  }
}
html body .continue-shopping h1 {
  width: 100%;
  text-align: center;
  margin-bottom: -10px;
  margin-top: 58px;
}
html body .continue-shopping .container .cs-product {
  border-bottom: 1px solid #cdcdcd;
}
@media (max-width: 1112px) {
  html body .continue-shopping .container .cs-product {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1112px) {
  html body .continue-shopping .container .cs-product {
    padding-bottom: 160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .continue-shopping .container .cs-product {
    padding-bottom: 175px;
  }
}
@media (max-width: 768px) {
  html body .continue-shopping .container .cs-product {
    border-bottom: none;
  }
}
html body .continue-shopping .container .cs-product:last-child {
  margin-bottom: 71px;
}
html body .continue-shopping .container .cs-product.empty .csp-content {
  background-color: transparent !important;
}
html body .continue-shopping .container .cs-product .csp-name,
html body .continue-shopping .container .cs-product .csp-footer {
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
}
html body .continue-shopping .container .cs-product .csp-name {
  height: 110px;
  line-height: 171px;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
}
html body .continue-shopping .container .cs-product .csp-content {
  position: relative;
  height: 560px;
  background-color: #e7e7e7;
}
@media (max-width: 424px) {
  html body .continue-shopping .container .cs-product .csp-content {
    height: 500px;
  }
}
html body .continue-shopping .container .cs-product .csp-content .csp-image {
  position: relative;
  height: inherit;
}
@media (min-width: 768px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.watch {
    margin-left: -46px;
  }
}
@media (min-width: 992px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.watch {
    margin-left: -10px;
  }
}
@media (max-width: 767px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.watch {
    margin-left: auto;
  }
}
@media (max-width: 540px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.watch {
    width: 100%;
  }
}
@media (min-width: 992px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.acc {
    width: 80%;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.acc {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 424px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.acc {
    width: 100%;
    height: auto;
  }
}
html body .continue-shopping .container .cs-product .csp-content .csp-image img.pocket {
  margin-top: 0;
}
@media (min-width: 768px) {
  html body .continue-shopping .container .cs-product .csp-content .csp-image img.pocket {
    width: 100%;
    margin-left: auto;
  }
}
html body .continue-shopping .container .cs-product .csp-footer {
  position: relative;
  height: 80px;
  line-height: 53px;
  color: #adadad;
}
@media (max-width: 1112px) {
  html body .continue-shopping .container .cs-product .csp-footer {
    height: 136px;
  }
}
html body .continue-shopping .container .cs-product .csp-footer .csp-button,
html body .continue-shopping .container .cs-product .csp-footer .csp-price,
html body .continue-shopping .container .cs-product .csp-footer .csp-discover {
  position: absolute;
}
@media (max-width: 1112px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-button,
  html body .continue-shopping .container .cs-product .csp-footer .csp-price,
  html body .continue-shopping .container .cs-product .csp-footer .csp-discover {
    position: relative;
  }
}
html body .continue-shopping .container .cs-product .csp-footer .csp-button {
  background: transparent !important;
  border-radius: none;
  width: 149px;
}
@media (min-width: 1113px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-button {
    left: -72px;
    top: -160px;
    margin: 0;
    z-index: 999;
  }
}
@media (max-width: 1112px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-button {
    text-align: left;
    padding: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    /*background-color: #000000 !important;
  					    color: #ffffff;*/
  
  }
}
@media (max-width: 1112px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-button {
    margin-bottom: 15px;
  }
}
html body .continue-shopping .container .cs-product .csp-footer .csp-button:hover {
  color: #ffffff;
  background-color: #000000 !important;
}
html body .continue-shopping .container .cs-product .csp-footer .csp-discover {
  opacity: 0.5;
  width: 149px;
  padding: 0;
  z-index: 999;
}
@media (min-width: 1113px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-discover {
    position: absolute;
    left: -72px;
    top: -250px;
    margin: 0;
    z-index: 999;
  }
}
@media (max-width: 1112px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-discover {
    text-align: left;
    padding: 0;
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-discover {
    background: transparent;
    color: #000000;
  }
}
html body .continue-shopping .container .cs-product .csp-footer .csp-discover:hover {
  opacity: 1;
  background-color: #000000;
  color: #ffffff;
}
html body .continue-shopping .container .cs-product .csp-footer .csp-price {
  background-color: #000000;
  color: #ffffff;
}
@media (min-width: 1113px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-price {
    right: -40px;
    top: -480px;
  }
}
@media (max-width: 1112px) {
  html body .continue-shopping .container .cs-product .csp-footer .csp-price {
    position: relative;
    text-align: left;
    padding: 0;
    width: 100%;
    top: 0;
    left: 0;
    background: transparent;
    color: #000000;
    border: 0;
    font-size: 24px;
    height: 56px;
    line-height: 54px;
  }
}
html body .collection-shortcut {
  position: fixed;
  top: -400px;
  left: 0;
  height: 400px;
  width: 100%;
  background-color: #212121;
  text-align: center;
  z-index: 777777;
}
@media (max-width: 991px) {
  html body .collection-shortcut {
    height: 235px;
  }
}
@media (max-width: 768px) {
  html body .collection-shortcut {
    height: 235px;
    top: -400px !important;
  }
}
@media (max-width: 767px) {
  html body .collection-shortcut {
    height: 172px;
  }
}
html body .collection-shortcut .container .row {
  height: 200px;
  line-height: 200px;
}
@media (max-width: 991px) {
  html body .collection-shortcut .container .row {
    height: 100px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  html body .collection-shortcut .container .row {
    height: 87px;
    line-height: 87px;
  }
}
html body .collection-shortcut .container .row .wire {
  margin-top: 100px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  cursor: pointer;
  -ms-transform: scale(0.9);
  /* IE 9 */

  -webkit-transform: scale(0.9);
  /* Safari */

  transform: scale(0.9);
  opacity: 0;
}
@media (max-width: 991px) {
  html body .collection-shortcut .container .row .wire {
    margin-top: 80px;
    height: 100px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  html body .collection-shortcut .container .row .wire {
    margin-top: 57px;
    height: 87px;
    line-height: 87px;
  }
}
html body .collection-shortcut .container .row .wire img {
  width: 100%;
  max-width: 134px;
  height: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .collection-shortcut .container .row .wire img {
    width: 50%;
  }
}
html body .collection-shortcut .container .row .wire-header {
  height: 40px;
  line-height: 40px;
  opacity: 0;
}
@media (max-width: 767px) {
  html body .collection-shortcut .container .row .wire-header {
    height: 20px;
    line-height: 20px;
  }
}
html body .collection-shortcut .container .row .wire-header a,
html body .collection-shortcut .container .row .wire-header a:hover,
html body .collection-shortcut .container .row .wire-header h2 {
  text-decoration: none;
}
html body .collection-shortcut .container .row .wire-header h2 {
  font-size: 15px;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 40px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  html body .collection-shortcut .container .row .wire-header h2 {
    font-size: 8px;
    line-height: 20px;
  }
}
html body .collection-shortcut .container .row .wire-header h2.blue {
  color: #96cedd;
}
html body .collection-shortcut .container .row .wire-header h2.yellow {
  color: #f3bd33;
}
html body .collection-shortcut .container .row .wire-header h2.red {
  color: #e55b59;
}
html body .collection-shortcut .container .row .wire-header h2.brown {
  color: #c6b4a7;
}
html body .collection-shortcut .container .row .wire-header h2.white {
  color: #ffffff;
}
html body .collection-shortcut .container .row .wire-header h2.black {
  color: #181818;
}
html body .collection-shortcut .container .row .wire-header h2.green {
  color: #4f574b;
}
html body .collection-shortcut .container .row .wire-header h2.grey {
  color: #181818;
}
html body .col-xs-5ths,
html body .col-sm-5ths,
html body .col-md-5ths,
html body .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
html body .col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  html body .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  html body .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  html body .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
html body .button {
  height: 80px;
  line-height: 76px;
  color: #000000;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0px;
  border: 2px solid #000000;
  text-align: center;
  margin-bottom: 80px;
  display: inline-block;
  margin: 70px auto 80px;
  cursor: pointer;
  font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  padding: 0 35px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  border-radius: 0px;
}
html body .button.add-to-cart {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  html body .button {
    margin-top: 33px;
    margin-bottom: 39px;
    width: 100%;
  }
}
html body .button:hover {
  color: #f1f1f1;
  background-color: #000000;
}
html body .button.red {
  border-color: #e55b59;
  color: #e55b59;
}
html body .button.red:hover {
  color: #ffffff;
  background-color: #e55b59;
}
html body .button.white {
  border-color: #f1f1f1;
  color: #f1f1f1;
}
html body .button.white:hover {
  color: #393939;
  background-color: #f1f1f1;
}
html body .button.black-full {
  border-color: #000000;
  background-color: #000000;
  color: #f1f1f1;
}
html body .button.black-full:hover {
  color: #000000;
  background-color: transparent;
}
html body .fp-price {
  -webkit-transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
  -moz-transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
  -o-transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
  transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;
}
@media (min-width: 768px) {
  html body .fp-price {
    position: absolute;
    right: -25px;
    top: 385px;
    z-index: 1;
    height: 80px;
    line-height: 76px;
    border: 2px solid #000000;
    font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.5px;
    font-size: 16px;
    color: #000000;
    width: 80px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  html body .fp-price {
    height: 56px;
    line-height: 54px;
    font-family: 'Knockout 30 A', 'Knockout 30 B', Arial;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.5px;
    font-size: 24px;
    color: #000000;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  html body .fp-price {
    right: 61px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  html body .fp-price {
    right: 40px;
  }
}
@media (min-width: 768px) {
  html body .fp-price:hover {
    color: #ffffff;
    background-color: #000000;
  }
}
html body .cover {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html body .content-header {
  background-repeat: repeat-x;
  margin-bottom: 39px;
}
html body .content-header h1 {
  text-align: center;
}
html body .content-header.manifesto-header {
  margin-bottom: 15px;
}
html body .content-header.opening-party-header {
  margin-bottom: 51px;
}
html body .sale-red {
  background-color: #e55b59;
  line-height: 20px;
  font-weight: bold;
  color: #ffffff;
  padding: 5px 10px;
  margin-right: 5px;
}
html body .centerize {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
html body .tac {
  text-align: center;
}
html body .margin-0 {
  margin: 0 !important;
}
html body .padding-0 {
  padding: 0;
}
html body .paddingleft0 {
  padding-left: 0;
}
html body .align-left {
  text-align: left;
}
html body .align-right {
  text-align: right;
}
html body .padding-left-0 {
  padding-left: 0px;
}
html body .padding-right-0 {
  padding-right: 0px;
}
@media (max-width: 767px) {
  html body .margin-top100 {
    margin-top: 0 !important;
  }
}
html body .margin-bottom80 {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  html body .margin-bottom80 {
    margin-bottom: 20px;
  }
}
html body .transitionall {
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
html body .transitionall-linear {
  -webkit-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear;
}
html body .transition-alpha {
  -webkit-transition: opacity 0.8s linear;
  -moz-transition: opacity 0.8s linear;
  -o-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
}
html body .display-table {
  display: table;
}
html body .display-table-cell {
  display: table-cell;
  vertical-align: middle;
}