/*!
 * Start Bootstrap - Freelancer v5.0.4 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */
html {
  font-size: 16px;
}
@media(min-width:1440px) {
  html {
    font-size: 22px;
  }
}
@media(min-width:1650px) {
  html {
    font-size: 25px;
  }
  .container {
    max-width: 1570px;
  }
}
@media(min-width:1920px) {
  html {
    font-size: 28px;
  }
}

body {
  font-family: 'Montserrat';
}

input#inputChecking {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Montserrat';
}

hr.star-light,
hr.star-dark {
  max-width: 15rem;
  padding: 0;
  text-align: center;
  border: none;
  border-top: solid 0.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

hr.star-light:after,
hr.star-dark:after {
  position: relative;
  top: -.8em;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
}

hr.star-light {
  border-color: #fff;
}

hr.star-light:after {
  color: #fff;
  background-color: #18BC9C;
}

hr.star-dark {
  border-color: #2C3E50;
}

hr.star-dark:after {
  color: #2C3E50;
  background-color: white;
}

section {
  padding: 1rem 0 1rem 0;
}

[role="button"] {
  cursor: pointer;
}

.invisible {
  visibility: hidden;
  opacity: 0;
}
.hidden {
  display: none !important;
}

.align-right {
  position: absolute;
  right: 0;
}

.text-red {
  color: red;
}

.section-with-sticky {
  padding: 0rem 0 0rem 0;
}

.first-section-with-sticky {
  padding: 5rem 0 3rem 0;
}

.last-section-with-sticky {
  padding: 0rem 0 0rem 0;
}

.first-section-without-sticky {
  padding: 10rem 0 4rem 0;
}

.section_nav {
  padding: 0rem 0 0 0;
  position: fixed;
  width: 100%;
  z-index: 1024;
}

.first_section {
  padding: 0rem 0 0rem 0 !important;
}

section h2 {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.section_under_header {
  padding-top: 7.7rem;
}

.section_header {
  top: 5.6rem !important;
  padding-bottom: 0 !important;
}

.side-by-side-image-with-text-to-overlay .row > img {
  object-fit: cover;
}

.video_with_description p,
.image_with_description p {
  font-size: 1.1rem;
  line-height: 1.6rem;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.full-size-image h1 {
  font-size: 1.9rem;
}
.full-size-image p {
  font-size: 1.1rem;
}

#cgi-apps-video .order-2,
#cgi-apps .order-2 {
  padding-left: 8.333%;
}
.full-size-video {
  max-width: 100%;
}
.learn_more_button {
  color: #FFFFFF !important;
  background-color: #000000;
  border-color: #000000;
  border-style: solid;
  border-width: 1px !important;
  border-radius: 2rem;
}
.learn_more_button:hover {
  color: #000000 !important;
  background-color: #ffffff;
}
.learn_more_button_dark {
  color: #000000 !important;
  border-color: #000000;
  border-style: solid;
  border-width: .108rem !important;
  border-radius: 2rem;
}
.learn_more_button_dark:hover {
  color: #FFFFFF !important;
  background-color: #000000;
}
.hero {
  height: 100%;
  position: relative;
}
.hero.bottom > div {
  position: absolute;
  bottom: 15vh;
}
.hero.middle > div {
  position: absolute;
  top: 33%;
}
.hero h1, .hero p {
  color: #FFFFFF;
}
.hero h1 {
  font-size: 2.5rem;
}
.hero p {
  font-size: 1.1rem;
}
.hero .btn {
  margin-right: 2%;
}
.money_button {
  background: #FFFFFF;
  border-radius: 2rem;
}
.money_button:hover {
  background: #68C8C6;
  color: #FFFFFF !important;
}

#mosaic-module {
  padding-bottom: 0 !important;
}

.image-carousel {
  padding-bottom: 6rem;
}
 
.video_with_description,
.image_with_description {
  padding-top: 6.85rem !important;
  padding-bottom: 6.85rem !important;
}
#cgi-product-colors {
  padding-bottom: 0 !important;
}
.cart-visual-summary {
  font-size: .8rem;
}
.cart-line-item.dirty {
  border: 1px solid red;
}
.add-to-cart-bottons div {
  background-color: #E0E0E0;
  font-size: .64rem;
}
.add-to-cart-bottons div[disabled] {
  background-image: linear-gradient(45deg, #e0e0e0 25%, #000000 25%, #000000 50%, #e0e0e0 50%, #e0e0e0 75%, #000000 75%, #000000 100%);
  background-size: 5.66px 5.66px;
}
.cart-money-summary-breakdown,
.cart-line-item {
  border-bottom: 2px solid #E0E0E0;
}
.address-selector-container,
.cart-selector-container {
  display: inline-block;
  overflow: hidden;
}
.cart-light-font-color {
  color: rgba(0,0,0,.45);
}

.payment-form-fields input[type="text"],
.address-selector,
.cart-selector {
  -webkit-appearance: none;
  color: #000000 !important;
  background: none;
  border-width: 0px;
  border-radius: 0px;
  bottom: 0;
  outline: 0;
  border-bottom: 1px solid #7BE0DE;
}
.payment-form-fields input[type="text"]::placeholder,
.address-selector::placeholder,
.cart-selector::placeholder {
  color: rgba(0,0,0,.15);
}
.address-selector:focus {
  background-color: transparent;
}
.address-selector-drop-down-arrow,
.cart-selector-drop-down-arrow {
  display: inline-block;
  right: 1rem;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.address-summary-edit {
  margin-top: auto;
  margin-bottom: auto;
}
.in-your-cart {
  background-color: #E5FAFA;
  transition: filter ease .3s;
}
#left_rail[disabled="disabled"] > div:not(.checkout-form-header),
.in-your-cart[disabled="disabled"] {
  filter: blur(2px);
}
.in-your-cart .checkout-form-header {
  width: unset;
}
.checkout-button:hover {
  text-decoration: none;
}
.checkout-button > div {
  border: 2px #7BE0DE solid;
  background-color: #7BE0DE;
}
.checkout-button-inverse-colors > div {
  border: 2px #7BE0DE solid;
  background-color: #FFFFFF;
  color: #7BE0DE !important;
}
label.missing-required-field,
.missing-required-field select,
.missing-required-field input {
  border: 1px solid red !important;
}

.stripe-payment-intents-form {
  width: unset !important;
}

.payment-form-fields legend {
  display: none;
}

.payment-form-fields input.fullwidth {
  width: 100%;
}

.payment-form-fields .grid {
  display: flex;
  margin: 0px -10px;
}

.payment-form-fields .grid .item {
    flex-grow: 1;
    margin: 10px;
}

.address-form-error,
.line-item-error {
  color: red;
}

#cart-popup {
  max-width: 30%;
  background-color: rgba(255,255,255,.95);
  top: 4.29rem;
  margin-right: 26px;
  padding: 0 1.5rem;
  transition: opacity 0.6s ease 0.2s, visibility 0.7s ease 0s;
  box-shadow: 0px 0px 4px 3px rgba(76,76,75,.1);
}

.close-modal > i:before {
  content: url("//static-cdn.wristcam.com/uploads/close_module_x.svg");
}
.close-modal {
  position: absolute;
  top: 0px;
  padding: 1.5rem;
  right: 0px;
  width: 4rem;
  height: 4rem;
  border: none;
  cursor: pointer;
  overflow: visible;
  background-color: white;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
}

.cart-icon {
  position: relative;
}
.cart-img {
  width: 2rem;
}
.cart-jewel {
  color: white;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0px;
  padding-top: 2px;
  background: #fa5400;
  line-height: .75rem;
  font-size: .75rem;
  text-align: center;
  display: block;
  border-radius: 50%;
  top: -3px;
}

.edit-button {
  text-decoration: underline;
  color: #9B9A9B;
  text-transform: capitalize;
  font-weight: 500;
  cursor: pointer;
}

.background-white {
  background-color: white;
}

#color-page .full-size-image-section h1 {
  font-size: 2.392rem;
  font-weight: 600;
}

#color-page .full-size-image-section p {
  font-size: 1.07rem;
}

.color-page-edition-text,
.color-page-color-list p {
  font-size: 0.75rem;
}

.color_varient_with_description h1 {
  font-size: 1.39rem;
}
.color_varient_with_description .virticle-paragraph-line {
  margin-left: 2.5rem;
}
.color-buy-now-button {
    color: black;
    border-width: .108rem!important;
    border-color: black;
    border-style: solid;
    border-radius: 2rem;
    margin-top: 1rem;
}

@media (min-width: 992px) {
  section h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  
  .video_with_description .col-6 p,
  .video_with_description .col-6 h1,
  .image_with_description .col-6 p,
  .image_with_description .col-6 h1 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
.productPageFeatureText {
   margin-bottom: 1.5rem;
   transition: ease;
}

.btn-xl {
  padding: 1rem 1.75rem;
  font-size: 1.25rem;
}

.btn-social {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

.scroll-to-top {
  z-index: 1042;
  right: 1rem;
  bottom: 1rem;
  display: none;
}

.scroll-to-top a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}

/*  mainNav Start */

#mainNav {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-weight: 600;
  font-size: 0.75rem;
  font-family: 'Montserrat';
  transition: background .3s;
  background: linear-gradient(180deg, rgba(0,0,0,.35), transparent);
}

#mobile-nav-page-title {
  font-size: 1.35rem;
  letter-spacing: -1px;
}

#mainNav.dark-mode {
  background-color: #000000;
}
#mainNav.white-mode,
#mainNav.below-hero {
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(76,76,75,.1);
}

#mainNav.white-mode .logo,
#mainNav.below-hero .logo {
  content: url("https://static-cdn.wristcam.com/uploads/dark_logo.png") !important;
}
#mainNav.white-mode .cart-img,
#mainNav.below-hero .cart-img {
  content: url("https://static-cdn.wristcam.com/uploads/dark-cart-icon-svg.svg") !important;
}
#mainNav .navbar-nav li.nav-item {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}
#mainNav.white-mode .navbar-nav li.nav-item a.nav-link,
#mainNav.below-hero .navbar-nav li.nav-item a.nav-link {
  color: #777777;
}
#mainNav.white-mode .navbar-nav li.nav-item .button.nav-link,
#mainNav.below-hero .navbar-nav li.nav-item .button.nav-link {
  border-style: solid;
  color: #777777;
}
#mainNav.white-mode .navbar-nav li.nav-item .button.nav-link:hover,
#mainNav.below-hero .navbar-nav li.nav-item .button.nav-link:hover {
  border-color: #68C8C6 !important;
  border-style: solid;
}
#mainNav.white-mode .navbar-toggler i,
#mainNav.below-hero .navbar-toggler i {
  color: #777777 !important;
}

#mainNav .navbar-nav {
  margin-top: 1rem;
  letter-spacing: 0.06rem;
}
#mainNav .container {
  max-width: 95%;
}

#mainNav .navbar-nav li.nav-item .button.nav-link {
  font-weight: 700;
  font-family: 'Montserrat';
  border-color: #68C8C6 !important;
  border-style: solid;
  background-color: transparent;
  border-width: .15rem !important;
  border-radius: 2rem;
  color: #FFFFFF;
  width: 7rem;
  text-align: center;
}
#mainNav .navbar-nav li.nav-item .button.nav-link:hover {
  background-color: #68C8C6;
  color: #FFFFFF !important; 
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #FFFFFF;
  font-weight: 700;
  font-family: 'Montserrat';
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  /*color: #18BC9C;*/
}

#mainNav .navbar-nav li.nav-item a.nav-link:active,
#mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #a1a1a1;
}

#mainNav .navbar-toggler {
  border-color: transparent;
  border-style: solid;
}

#mainNav .navbar-toggler {
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainNav .collapsed .icon-hover {
  transition: opacity 0.3s, transform 0.3s;
  /*transform: rotate(0deg) scale(1);*/
  opacity: 1;
}
#mainNav .icon-hover {
  transition: opacity 0.3s, transform 0.3s;
  transform: rotate(180deg) scale(1);
  opacity: 1;
}

@media (min-width: 992px) {
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
    color: #68C8C6;
  }
  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
  #mainNav.navbar-shrink svg {
    max-width: 140px !important;
  }
  #storyPageContainer {
    padding: 3.5rem 0 5rem 0;
    margin-left: -1rem;
    margin-bottom: 5rem;
  }
  .story-content {
    padding-left: 3rem;
    padding-right: 0;
  }
}

/*  mainNav End */

.feature-div {
  background-color: #EDECF1;
  border: 1px solid white;
  padding-top: calc((100vh - 7.7rem)/15);
  padding-bottom: calc((100vh - 7.7rem)/15);
  padding-right: 2rem;
  padding-left: 2rem;
}

.feature-div h2 {
  font-size: 1.18rem;
}

.image-carousel img {
  padding-left: .5rem;
  padding-right: .5rem;
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:focus, .dropdown-item:hover {
  background-color: transparent !important;
}

#sticky_empty_container {
  min-height: 100vh;
}

#portfolio_nav,
#portfolio_mobile_nav {
  top: 3rem;
  padding-top: 1rem;
}

.overlay-img {
  max-width: 50%;
  height: auto;
  width: 100%;
}

.overlay-svg {
  position: absolute;
  width: 100%;
  height: auto;
  max-width: 50%;
  bottom: 0;
  left: 25%;
}

#story_stars {
  margin-bottom: 3%;
  margin-left: -5%;
}

.device_colors .device-color-container input[type="radio"] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.device_colors .device-color-container input[type="radio"]:checked + div {
    border: 4px solid #68C8C6;
}

.device-color-container {
  display: none;
}
.device-color-container > label {
  max-width: 100%;
  width: 100%;
}

.device-color-thumbnial-background {
  position: relative;
  width: 100%;
  height: 10rem;
}

.device-color-background {
  border-radius: 100%;
  border: 4px #D7D7D7 solid;
  position: relative;
}
.device-color-background .sold-out {
  color: #707070;
  width: 100%;
  font-size: .464rem;
  top: calc(50% - .464rem);
  position: absolute;
  font-style: italic;
}
.device-color-background[deviceColor=Ros] .sold-out {
  color: #FFFFFF;
}

.device_sizes .device-size-container input[type="radio"] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.device_sizes .device-size-container input[type="radio"]:checked + div {
  border: .125rem solid #676767;
  border-radius: .25rem;
}
.device-size-container {
  padding-left: 0;
  padding-right: 0;
}
.device-size-container:first-child {
  padding-right: .25rem;
}
.device-size-container:not(:last-child):not(:first-child) {
  padding-right: .25rem;
  padding-left: .25rem;
}
.device-size-container:last-child {
  padding-left: .25rem;
}

.device-size-button {
  border: 1px solid #D7D7D7;
  font-size: 1rem;
  font-weight: 500;
}

.add-to-cart-button {
  background-color: #000000;
  border-color: #000000;
  border-style: solid;
  border-radius: 2rem;
  color: #FFFFFF;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1.375rem;
}

.add-to-cart-button:disabled {
  background-color: #000000;
  border-color: #000000;
  pointer-events: none;
}

.add-to-cart-button:not(:disabled):hover {
  color: #FFFFFF;
  background-color: #68C8C6;
  border-color: #68C8C6;
  border-style: solid;
}

#ecommerce_rail  h1 {
  font-size: 1.125rem;
}
#ecommerce_rail  h2 {
  font-size: .65rem;
}

.affirm-as-low-as .affirm-ala-price {
  font-weight: 700;
}
.affirm-as-low-as .affirm-modal-trigger {
  color: black;
  font-weight: 700;
  text-decoration: underline;
}

#ecommerce_rail  .device-color-release-date,
#ecommerce_rail  .device-color-name {
  font-size: .7rem;
}
.address-form label {
  font-size: .6rem;
}
.floating-label-form-group {
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

.cart-container {
  margin-top: 4rem;
  padding-bottom: 6rem !important;
}

.checkout-form-header {
  border-bottom: 4px solid #000000;
}

.checkout-collapse-arrow {
  display: inline-block;
  right: 1rem;
  position: absolute;
  bottom: 0;
}


.confirmation-check-icon {
    color: #68C8C6;
}
.confirmation-contact-text {
    color: #777777;
}

#the-future-is-here,
#express-yourself-genuinely {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#the-future-is-here img,
#express-yourself-genuinely img {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#express-yourself-genuinely h1 {
  padding-left: 20%;
}
.cancel-checkout-button {
  color: #7BE0DE;
}
.cancel-checkout-button:hover {
  color: #7BE0DE;
}

.light {
  font-weight: 300
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.semiBold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}

@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-200%); }
}

.marquee-wrapper {
  background-color: #000000;
  overflow: hidden;
  white-space: nowrap;
}
.marquee {
  display: inline-block;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: .0625rem;
  -moz-animation: marquee 10s linear infinite;
  -webkit-animation: marquee 10s linear infinite;
  animation: marquee 20s linear infinite;
  font-size: 5.2rem;
  font-weight: 700;
  white-space: nowrap;
}
.virticle-paragraph-line {
  border-right: 9px solid #000000;
  height: auto;
}
.shipping-summary-delay-note {
  font-size: .5rem;
}

@media (min-width: 1650px) {
  .add-to-cart-button {
    font-size: .7857rem;
  }
}
@media (min-width: 1200px) {
  .overlay-img {
    max-width: 70%;
  }
  .overlay-svg {
    left: 15%;
    max-width: 70%;
  }
}
@media (max-width: 1199px) {
  .overlay-img {
    max-width: 80%;
  }
  .overlay-svg {
    left: 10%;
    max-width: 80%;
  }
  #story_stars {
    margin-bottom: 0% !important;
    margin-left: 0% !important;
  }
}

/*paypal button size*/
.zoid-outlet {
  width: 175px !important;
}

/* Mobile */
@media (max-width: 991px) {
  .hero h1 {
    font-size: 1.8125rem;
  }
  .hero p {
    font-size: .9375rem;
    font-weight: 500;
  }
  #portfolio_nav,
  #portfolio_mobile_nav {
    padding-top: 2rem;
  }

  #mainNav {
    background: transparent;
    box-shadow: 0 2px 4px 0 rgba(76,76,75,.1);
  }
  
  #mainNav .navbar-nav li.nav-item a.nav-link {
    color: #000000 !important;
  }
  #mainNav .navbar-nav li.nav-item .button.nav-link {
    border-color: #68C8C6 !important;
    border-style: solid;
    color: #000000 !important;
  }
  #mainNav .navbar-nav li.nav-item .button.nav-link:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-style: none;
  }

  .navbar-collapse {
    position: fixed !important;
    left: 0;
  }

  .navbar-collapse > ul {
    display: table-cell;
    width: 100vw;
    height: 100vh;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(76,76,75,.1) inset;
  }
  #mainNav .navbar-nav li.nav-item .button.nav-link,
  #mainNav .navbar-nav li.nav-item a.nav-link {
    color: #000000;
    letter-spacing: -0.01rem;
    font-size: .8rem;
    line-height: 2.1rem;
    font-weight: 600;
    font-family: 'Montserrat';
    text-align: left;
    border-bottom: 1px #AFAFAF solid;
  }
  #mainNav .navbar-nav li.nav-item .button.nav-link {
    border-radius: 0;
    text-align: left;
    border: none !important;
    border-bottom: 1px #AFAFAF solid !important;
    width: 100%;
  }
  #logo {
    min-width: 75%;
  }
  #product-image,
  #full-video,
  #full-video1 {
      height: calc(100vh - 6.25rem) !important;
  }
  .section_under_header {
    padding-top: 6.25rem !important;
  }
  .section_header {
    top: 6.25rem !important;
    padding-bottom: 0;
  }
  .sm-light {
    font-weight: 300
  }
  .sm-medium {
    font-weight: 500
  }
  .sm-semiBold {
    font-weight: 600
  }
  .sm-bold {
    font-weight: 700
  }
  .sm-montserrat {
    font-family: 'Montserrat';
  }
  .sm-montserratAlternates {
    font-family: 'Montserrat Alternates';
  }
  .feature-div {
    padding-top: calc((100vh - 7.7rem)/50);
    padding-bottom: calc((100vh - 7.7rem)/50);
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .feature-div h2 {
    font-size: .812rem;
  }
  .feature-div p {
    font-size: .75rem;
  }
  .intro-paragraph {
    font-size: 1.1rem !important;
    line-height: 1.7rem !important;
  }
  .body-paragraph {
    font-size: 1.05rem !important;
    padding-top: 0.7rem !important;
    line-height: 1.45rem !important;
  }
  .feature-text-container {
    padding-right: 0 !important;
    padding-left: 0!important;
  }
  
  #cart-popup {
    max-width: 100%;
    margin-right: 0;
  }
  .checkout-form-title {
    background: black;
    color: #ffffff;
    font-weight: 600;
  }
  .in-your-cart .checkout-form-title {
    background: #E0E0E0;
    color: #000000;
  }
  .cart-visual-summary {
    border-bottom: 1px #E0E0E0 solid;
  }
  .checkout-form-header {
    border-bottom: none;
  }
  .checkout-form-header .checkout-collapse-arrow i:before {
    color: #FFFFFF;
  }
  .in-your-cart .checkout-form-header .checkout-collapse-arrow i:before {
    color: #000000 !important;
  }
  .add-to-cart-bottons {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .address-border,
  .checkout-form-container {
    border: 1px #E0E0E0 solid;
  }
  .cart-money-summary-breakdown {
    border-bottom: none;
  }
  .in-your-cart {
    background-color: #ffffff;
  }
  .collapsable:not(.is-open),
  .cart-summary:not(.is-open) {
    display: none !important;
  }
  .payment-form-fields input[type="text"],
  .address-selector {
    border-bottom: none;
  }
  .creditCardBox,
  .addressBox > div {
    border: 1px solid #E0E0E0;
  }
  .missing-required-field {
    border: 1px solid red !important;
  }
  .missing-required-field input {
    border: none !important;
  }
  #story_stars {
    margin-bottom: 5% !important;
  }
  .marquee {
    font-size: 3.75rem;
  }
  #color-page-hero h1 {
    font-size: 2.5rem !important;
  }
  #color-page-fall-colors h1 {
    font-size: 1.875rem !important;
  }
  #color-page .full-size-image-section p {
    font-size: .8rem !important;
  }
  .color_varient_with_description p {
    font-size: .8rem;
  }
  .color_varient_with_description .virticle-paragraph-line {
    margin-left: 0;
  }
  .device-color-background {
  }
  .video_with_description h1,
  .image_with_description h1 {
    font-size: 1.8125rem;
    font-weight: 600;
  }
  .full-size-image h1 {
    font-size: 1.6rem;
  }
  .full-size-image p {
    font-size: .9rem;
  }
  .shipping-summary-delay-note {
     background: #E3E3E3;
  }

  #ecommerce_rail  h1 {
    font-size: 1.375rem;
  }
  #ecommerce_rail  h2 {
    font-size: .875rem;
  }
  .device-color-container .sold-out {
    font-size: .565rem;
  }

}

@media (max-width: 991px) and (orientation: landscape) {
  .hero.bottom > div {
    position: absolute;
    bottom: 0vh;
  }
  .device-color-container .sold-out,
  #ecommerce_rail  .device-color-release-date,
  #ecommerce_rail  .device-color-name {
    font-size: .6rem;
  }
}

@media (max-width: 991px) and (min-width: 451px) {
  #portfolio_nav,
  #portfolio_mobile_nav {
    padding-top: 2.7rem;
  }
}

/*  mainNav End */

header.masthead {
  padding-top: calc(6rem + 72px);
  padding-bottom: 6rem;
}

header.masthead h1 {
  font-size: 3rem;
  line-height: 3rem;
}

header.masthead h2 {
  font-size: 1.3rem;
  font-family: 'Lato';
}

@media (min-width: 992px) {
  header.masthead {
    padding-top: calc(6rem + 106px);
    padding-bottom: 6rem;
  }
  header.masthead h1 {
    font-size: 4.75em;
    line-height: 4rem;
  }
  header.masthead h2 {
    font-size: 1.75em;
  }
  .lightbox_gallery-microlightbox-close,
  .lightbox_gallery-microlightbox-window {
    margin-top: 1.75rem !important;
  }

  .image-with-video-and-text img {
    object-fit: contain;
  }
}

.portfolio {
  /*background-color: #b3b3b3;*/
  color: #282828;
}
.portfolio .portfolio-item {
  position: relative;
  display: block;
  max-width: 25rem;
  margin-bottom: 15px;
}

.portfolio .portfolio-item .portfolio-item-caption {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background-color: rgba(24, 188, 156, 0.9);
}

.portfolio .portfolio-item .portfolio-item-caption:hover {
  opacity: 1;
}

.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
  font-size: 1.5rem;
}

@media (min-width: 576px) {
  .portfolio .portfolio-item {
    margin-bottom: 30px;
  }
}

.portfolio-modal .portfolio-modal-dialog {
  padding: 3rem 1rem;
  min-height: calc(100vh - 2rem);
  margin: 1rem calc(1rem - 8px);
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
}

.portfolio-modal .portfolio-modal-dialog .close-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.portfolio-modal .portfolio-modal-dialog .close-button i {
  line-height: 38px;
}

.portfolio-modal .portfolio-modal-dialog h2 {
  font-size: 2rem;
}

.wrist-feature-body {
  margin-bottom: 2rem;
  font-family: 'Montserrat';
}
.wrist-feature-body p {
  font-weight: 300;
  font-size: 1.06rem;
  max-width: 30rem;
}
.wrist-feature-body h3 {
  font-weight: 500;
  font-size: 1.2rem;
}

@media (max-width: 768px) {
  .first-section-with-sticky {
    padding-bottom: 0;
  }
  #faq_link {
    padding-bottom: 2.1rem !important;
  }
  .svg-scaling-container {
    width: 50%;
  }
  .productPageFeatureText {
     margin-bottom: 3rem;
     padding-right: 1.75rem;
     padding-left: 1.75rem;
  }
  .wrist-feature-body p {
    font-size: 14px;
    max-width: 20.55rem;
  }
  .wrist-feature-body h3 {
    font-size: .85rem;
  }
  #app_descriptions_div .top-level-header {
    font-size: 2rem;
    padding-bottom: 1.5rem;
    padding-top: 0rem;
    line-height: 2.4rem;
  }
  #faqTriggerText {
    margin-bottom: 0.9rem;
    margin-top: 0.4rem;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  #faqTriggerButton {
    margin-top: .8rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    line-height: 1rem;
  }
  #faqTriggerButton a {
    font-size: 1rem;
    line-height: 1rem;
  }
  .slider-number {
    padding-top: 75% !important;
    margin-left: 5% !important;
  }
  #legal {
    padding-top: calc(1rem + 8px);
  }
  #legal p {
    line-height: 12px;
    padding-bottom: 9px;
  }
  #newsLetter {
    padding-bottom: 1.7rem !important;
  }
  .footer {
    padding-bottom: 1.8rem !important;
    padding-top: 1.8rem !important;
    line-height: 1.6rem !important;
    font-size: 1.8rem !important;
  }
  #story_stars {
    margin-bottom: 28% !important;
    height: 50%;
    margin-left: -12% !important;
  }
  #hero_video .top-level-header {
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .portfolio-modal .portfolio-modal-dialog {
    min-height: 100vh;
    padding: 5rem;
    margin: 3rem calc(3rem - 8px);
  }
  .portfolio-modal .portfolio-modal-dialog h2 {
    font-size: 3rem;
  }
}

#about2 {
    padding-top: 0;
}
#about {
   padding-top: 3rem;
}
#copyrightBackground {
   background-color: #1b1b1b;
   max-height: 3rem;
}

#copyrightText {
  margin-bottom: .75rem;
  height: auto !important;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
  font-size: 1.5em;
  position: relative;
  z-index: 1;
  padding-right: 0;
  padding-left: 0;
  resize: none;
  border: none;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
}

.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e9ecef;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}

.floating-label-form-group-with-focus label {
  color: #18BC9C;
}

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e9ecef;
}

/* Navigation Footer Start */
.social-icon {
  color: #B2B2B2;
}
.social-icon-black {
  color: black;
}
.list-inline-item {
  margin-right: 0 !important;
  margin-bottom: 1rem;
}
.footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #000000;
  color: #2B2B2B;
  font-size: 2rem;
  line-height: 1.7rem;
}

.footer-col-container {
  display: inline-block;
  vertical-align: top;
}


.footer-col-body ul {
  padding: 0;
}

.footer-link {
  font-weight: 600;
  font-family: "Montserrat";
  font-size: 0.6875rem;
  list-style-type: none;
}
.footer-link a {
  color: #B2B2B2;
  letter-spacing: .024rem;
}

.social-icon > img {
  width: 2rem;
}

.social-icon a:hover,
.footer-link a:hover {
  text-decoration: none !important;
  color: white !important;
}

.footer-link-header {
  padding-bottom: 1rem;
}

.toes-header,
.footer-link-header a {
  color: white;
  font-size: .8rem;
}
.toes-subheader {
  color: white;
  font-size: .75rem;
  line-height: 1rem;
}

.toes {
}

.ecommerce-description {
  font-size: 0.8rem;
}

.footer-accordion i {
  position: absolute;
  right: 15px;
}

.checkout-form-header:not(.active) i.fa-caret-up,
.description-accordion:not(.active) i.fa-chevron-up,
.description-accordion:not(.active) i.fa-minus{
    display: none;
}
.checkout-form-header.active i.fa-caret-down,
.description-accordion.active i.fa-plus,
.description-accordion.active i.fa-chevron-down,
.footer-accordion.active i.fa-plus {
    display: none;
}
.checkout-form-header a {
  color: #000000;
  text-decoration: underline;
  font-size: .75rem;
}

.copyright {
  font-size: .6071rem;
  margin-bottom: 3px;
  font-family: "Montserrat";
  font-weight: 400;
  color: #C1C1C1;
  line-height: 1rem;
}
/* Navigation Footer End */

a {
  color: #18BC9C;
}

a:focus, a:hover, a:active {
  color: #68C8C6;
}

.btn {
  border-width: 2px;
}

.bg-primary {
  background-color: #18BC9C !important;
}

.bg-secondary {
  background-color: #2C3E50 !important;
}

.text-primary {
  color: #18BC9C !important;
}

.text-secondary {
  color: #2C3E50 !important;
}

.btn-primary {
  background-color: #18BC9C;
  border-color: #18BC9C;
  border-style: solid;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #128f76;
  border-color: #128f76;
  border-style: solid;
}

.btn-secondary {
  background-color: #2C3E50;
  border-color: #2C3E50;
  border-style: solid;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #1a252f;
  border-color: #1a252f;
  border-style: solid;
}

/* Contact form section Start */
#waitlistEmail {
  z-index: 0;
  border-width: 0;
}
#newsLetter {
}

#newsLetter h4 {
  color: #fefefe;
  font-size: 1.7rem;
}

#newsLetter p {
  color: #FFFFFF;
  font-size: .8214rem;
}

#newsLetterSubmit {
  font-weight: 700;
  font-size: .8rem;
  background: #8B8B8B;
  color: #FFFFFF;
  border-radius: 0;
  min-width: 5.85rem;
}

#newsletterHeaderText {
  font-weight: 600;
  font-family: "Montserrat";
}

#newsletterSubheaderText {
  font-family: "Montserrat";
  margin-bottom: 1.3rem;
}

.pill-input-left:focus,
.pill-input-left {
   border-radius: 2rem 0 0 2rem !important;
   background-color: #272727;
   border-color: #585858 !important;
   border-style: solid;
   color: #e7e7e7;
   z-index: 1;
}

.pill-input-left::placeholder {
   color: #FFFFFF;
}

.pill-input-right {
   border-radius: 2rem !important;
   z-index: 10 !important;
}

.btn-align-input:hover,
.btn-align-input,
.btn-submit {
   border-width: 1px !important;
   background-color: #595959;
   border-color: #595959;
   border-style: solid;
   color: #ffffff;
   width: 7rem;
}
.btn-align-input:hover,
.btn-align-input {
   margin-left: -14px !important;
}

.no-focus:focus,
.form-control:focus,
button:focus {
  outline: 0px !important;
  -webkit-appearance:none;
  border-color: #cccccc;
  border-style: solid;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}
/* Contact form section End */

/* Legal Section Start*/
#legal {
  background-color: #ffffff;
  color: #8b8b8b;
  padding-bottom: calc(1rem - 5px);
}
#legal p {
  font-weight: 300;
  font-family: "Montserrat";
  font-size: 10px;
  margin-bottom: 5px;
}
/* Legal Section End*/

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 14;
}

.sticky,
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 14;
}

/* Sub Nav icons Start */
.icon {
  height: 1.5rem;
  width: 1.9rem;
  padding-right: 0.2rem;
}

#features-icon .a {
  fill: #808080;
  stroke: #808080;
}

#watch-app-icon .a {
  fill:none;
  stroke-linejoin:round;
}

#watch-app-icon .a,
#watch-app-icon .b {
  stroke:#808080;
  stroke-miterlimit:10;
  stroke-width:1.7px;
}

#watch-app-icon .b,
#watch-app-icon .c {
  fill:#808080;
}

#mobile-app-icon .a {
 fill:#808080;
}
/* Sub Nav icons End */

/* App info Sections Start */

.app-info-section {
  /*background-image: linear-gradient(135deg, #E85DB0, #A024FF, #796EFF, #4EB3F2, #2DE0DD);*/
}
/* App info Sections End */

#faq_link {
  background-color: rgba(0,0,0,.1);;
  padding: 1.5rem 0 1.5rem 0;
}

#faq_link .btn,
#newsLetterSubmit {
  border-width: 0;
  border-width: 0px !important;
}
#faq_link .btn {
  background-image: linear-gradient(135deg, #F7B06D, #E85DB0, #A024FF, #796EFF, #4EB3F2, #2DE0DD, #62F595);
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.faq_header_text {
  font-family: 'Montserrat';
  font-weight: 500;
}

/* SVG overlays Start*/
.overlay-div {
  position: relative;
  display: inline-block;
}

#watch-app-svg .a,
#watch-app-svg .g {
    fill: #fff;
}
#watch-app-svg .a {
  stroke:#808080;
}
#watch-app-svg .c {
  fill:rgba(255,255,255,0.15);
}
#watch-app-svg .c,
#watch-app-svg .d {
  stroke-miterlimit:10;
}
#watch-app-svg .d,
#watch-app-svg .e,
#watch-app-svg .h {
  fill:none;
}
#watch-app-svg .e {
  stroke:#fff;
  stroke-width:5px;
}
#watch-app-svg .f,
#watch-app-svg .g {
  stroke:none;
}


#mobile-app-svg .a,
#mobile-app-svg .d {
  fill: none;
}
#mobile-app-svg .b {
}
#mobile-app-svg .c {
  fill: rgba(255,255,255,0.1);
}
#mobile-app-svg .c,
#mobile-app-svg .d {
  stroke:#fff;
  stroke-width: 4px;
}
.#mobile-app-svg e {
  stroke:none;
}
/* SVG overlays End*/

.overlay-div-a {
  position: relative;
  display: inline-block;
}

.overlay-img-a {
  height: auto;
  width: 100%;
}

.overlay-svg-a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}

#microlightbox_window {
  width: 90% !important;
  max-width: 1110px;
  -webkit-overflow-scrolling: touch;
}

#microlightbox_body {
  overflow-y: scroll;
}

#microlightbox_content {
  width: 100% !important;
}

#accordion .card {
  border-radius: 2rem;
  background-color: #d5d5d5;
  border-width: 0;
}

#accordion .card-header:first-child {
  border-radius: 2rem;
  transition: border-radius .35s ease;
  border-width: 0;
}

.card-header {
  background-color: #e9e9e9;
}
.card-header > a {
  color: #333333;
}
.card-body {
  color: #444444;
}
.card-body p {
  font-family: 'Montserrat';
  font-weight: 300;
  margin-left: 3rem;
}

#faq_search_icon:before {
  content: url(https://static-cdn.wristcam.com/uploads/loupe.svg);
  transform: scale(1.5);
  height: 1rem;
}

#searchableFaqs .topic p {
  font-family: 'Montserrat';
  font-weight: 5000;
}

.cardOpen:first-child {
  border-radius: 2rem 2rem 0px 0px !important;
  transition: border-radius .35s ease;
}

#accordion .card-header > a:hover {
  text-decoration: none;
}

#accordion .card-header:not(.cardOpen) > a > i {
  transition: opacity 0.3s, transform 0.3s, color 0.3s, background-color 0.3s;
  transform: rotate(0deg) scale(1);
  opacity: 1;
  background-color: white;
  padding: 0.6rem;
  border-radius: 1rem;
}

.cardOpen > a > i {
  transition: opacity 0.3s, transform 0.3s, color 0.3s, background-color 0.3s;
  transform: rotate(45deg) scale(1);
  color: white;
  background-image: linear-gradient(90deg, rgb(232,93,176), rgb(160,36,255), rgb(121,110,255), rgb(78,179,242), rgb(45,224,221));
  opacity: 1;
  padding: 0.6rem;
  border-radius: 1rem;
}

.card-header:not(.cardOpen) > a > i:before {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, rgb(232,93,176), rgb(160,36,255), rgb(121,110,255), rgb(78,179,242), rgb(45,224,221));
}

.faq-header,
.contact-header {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 2rem;
}

.faq-header h1 {
  font-family: 'Montserrat Alternates';
  font-weight: 600;
}

.faq-search-icon {
  background-color: white;
  border-color: transparent;
  border-style: solid;
  border-radius: 2rem 0px 0px 2rem;
}

.faq-search-text-box:focus,
.faq-search-text-box {
  border-color: transparent;
  border-style: solid;
  border-radius: 0px 2rem 2rem 0px;
  font-family: 'Montserrat';
  font-weight: 300;
  padding-left: 0 !important;
}

#faq_searchbox_div {
  border: solid 4px transparent;
  border-radius: 2rem;
  background: white;
  font-family: 'Montserrat';
  font-weight: 300;
  background-clip: padding-box;
  box-sizing: border-box;
}

#faq_searchbox_div:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: -2px -2px -1px -2px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgb(247, 176, 109), rgb(232, 93, 176), rgb(160, 36, 255), rgb(121, 110, 255), rgb(78, 179, 242), rgb(45, 224, 221), rgb(98, 245, 149));
}

#faq_searchbox_div .input-group-prepend{
    background: white;
    background-clip: padding-box;
    box-sizing: border-box;
    z-index: 1;
    border-radius: 2rem 0 0 2rem;
    margin: 0px -2px 1px 1px;
    border: 2px;
    transform: scaleY(0.95);
}

#faq_browse_title_text {
  font-family: 'Montserrat Alternates';
  font-weight: 600;
}

#microlightbox_close:before {
  content: url(https://static-cdn.wristcam.com/uploads/lightbox-close-button.svg);
  position: absolute;
  right: 33%;
  top: -7.24%;
}

#microlightbox_close {
  box-shadow: 0 1px rgba(0, 0, 0, .16);
}

/* Story Page */

#slider {
 padding-bottom: 3rem;
}
#slider,
#story {
    background-color: #ebebeb;
}
.slider-holder {
  background-color: #ffffff;
  margin: 2%;
  padding: 2%;
  text-align: center;
}
.slider-number-circle {
  background: linear-gradient(135deg, rgb(232,93,176), rgb(160,36,255), rgb(121,110,255), rgb(78,179,242), rgb(45,224,221));
  min-width: 3rem;
  min-height: 3rem;
}
.slider-number {
  max-width: 2rem;
  max-height: 2rem;
  padding-top: 55% !important;
  /* margin-left: 7% !important; */
  padding-right: 42%;
}
.slider-number > img {
  width: 170%;
  max-width: 2rem;
  max-height: 1.5rem;
}
.slider-header-text {
  font-family: 'Montserrat Alternates';
  font-weight: 600;
  letter-spacing: -0.03rem;
  font-size: 2.75rem;
}
#slider .slick-list {
  padding-bottom: 1.1rem !important;
}

#slider .slick-dots li {
  margin-right: 2px;
  margin-left: 2px;
}
#slider .slick-slide {
  filter: blur(4px);
  opacity: 0.3;
  transition: filter 1s ease, opacity 1s ease;
}
#slider .slick-current {
  filter: blur(0);
  opacity: 1;
}
.slide-col-2-circle {
  width: 16.666667%;
  height: 0;
  padding-bottom: 16.666667%;
  border-radius: 50%;
}
.slide-large-circle {
  width: 90%;
  height: 0;
  padding-bottom: 90%;
  border-radius: 50%;
}

.slick-dots li button::before {
  font-size: 1rem !important;
}

.slider-content {
  font-family: 'Montserrat';
  font-weight: 300;
}
.slider-title {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 1.5rem;
  margin-top: 1.5rem;
}

.description-accordion.first-collapsible-header {
  border-top: 1px solid #E0E0E0;
}
.collapsible-container.collapsible {
  max-height: 0;
  overflow: hidden;
  transition: opacity .5s, max-height .3s;
  border-bottom: 3px solid #E0E0E0;
  cursor: pointer;
}
.collapsible-container.collapsible.is-open {
  max-height: unset !important;
  opacity: 1;
}

.collapsible-container.collapsible p,
.collapsible-container.collapsible li {
  font-size: 0.89rem;
  color: #676767;
}

.collapsible-container.collapsible p:empty {
  display: none;
}

@media (max-width: 1200px) {
  .slider-content {
    font-size: 11px;
  }
  .slider-title {
    font-size: 1.5rem;
    margin-top: 1.5rem;
  }
  .slider-number {
    padding-top: 80% !important;
    margin-left: 10% !important;
  }
}
@media (max-width: 1050px) {
  .slider-title {
    font-size: 1rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
}
@media (max-width: 991px) {
  .slider-content {
    font-size: 10px;
  }
  .slider-title {
    font-size: 1rem;
    margin-top: .1rem;
    margin-bottom: .1rem;
  }
  #about2 {
      padding-top: 3rem;
      background: linear-gradient(180deg, rgb(232, 93, 176), rgb(160, 36, 255), rgb(121, 110, 255), rgb(78, 179, 242), rgb(45, 224, 221));
  }
  .footer-col-container {
    border-bottom: 1px solid #B1B1B1;
    width: 100%;
  }
  .footer-col-container.collapsible {
    max-height: 0 !important;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.5s, max-height 0.3s;
    -moz-transition: opacity 0.5s, max-height 0.3s;
    -o-transition: opacity 0.5s, max-height 0.3s;
    transition: opacity 0.5s, max-height 0.3s;
  }
  .footer-col-container.collapsible.is-open {
    max-height: 600px !important;
    opacity: 1;
  }
}

@media (max-width: 769px) {
  .slider-content {
    font-size: 10px;
  }
  .slider-title {
    font-size: 1rem;
    margin-top: .1rem;
    margin-bottom: .1rem;
  }
  #legal {
    font-size: 10px;
  }
  .copyright p {
    font-size: 10px;
    margin-bottom: 0;
  }

  .video-container video,
  .video-container {
    /*margin-bottom: 4rem;*/
    padding-right: 0;
    padding-left: 0;
  }

  .product-video {
    margin-top: 5rem;
  }
}
@media (max-width: 451px) {
  #product-image,
  #full-video,
  #full-video1 {
      height: calc(100vh - 5.5rem) !important;
  }
  .section_under_header {
    padding-top: 5.5rem !important;
  }
  .section_header {
    top: 5.05rem !important
  }
}
@media (max-width: 520px) {
  #product-image,
  #full-video,
  #full-video1 {
      height: calc(100vh - 6.25rem) !important;
  }
  .section_under_header {
    padding-top: 6.25rem !important;
  }
  .section_header {
    top: 5.5rem !important
  }
}

.contact-email {
  color: black;
  text-decoration: underline;
}

#newsLetterEmail {
  background-color: transparent;
  border: 1px solid #8C8C8C;
  border-radius: 0;
  font-size: .8rem;
  color: #FFFFFF;
}
.contact-form-text-area-div:focus,
.contact-form-text-area-div,
.contact-form-text-div:focus,
.contact-form-text-div {
  background-clip: padding-box;
  box-sizing: border-box;
  border: solid 4px transparent;
  border-radius: 2rem;
}
.contact-form-text-area-div:focus,
.contact-form-text-area-div,
.contact-form-text-div:focus,
.contact-form-text-div {
  padding: 1px !important;
}

.contact-form-text-area-div:before,
.contact-form-text-div:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: -2px;
    border-radius: inherit;
}

#contact-form .form-row .contact-form-text-area-div,
#contact-form .form-row .contact-form-text-div {
  background-image: linear-gradient(90deg, rgb(232, 93, 176), rgb(160, 36, 255), rgb(121, 110, 255), rgb(78, 179, 242), rgb(45, 224, 221));
}

@media (min-width: 768px) {
  #contact-form .form-row .contact-form-text-div.field-1 {
    background-image: linear-gradient(90deg, rgb(232, 93, 176), rgb(160,36,255), rgb(121,110,255));
  }
  #contact-form .form-row .contact-form-text-div.field-2 {
    background-image: linear-gradient(90deg, rgb(121,110,255), rgb(78, 179, 242), rgb(45, 224, 221));
  }
}

#inputReason {
  margin: 1px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%232DE0DD' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  background-color: #fff;
}

.contact-form-text-box {
  border-radius: 2rem;
  border-color: transparent;
  border-style: solid;
}

.contact-form-text-area {
  border-radius: 1rem !important;
  border-color: transparent;
  border-style: solid;
  min-height: 7rem;
  resize: none;
}

.contact-form-text-area-div {
  border-radius: 1.3rem !important
}

.contact_step_2 {
  transition: display 3s ease;
  display: none;
}

.contact_step_1:not(.active) {
  transition: display 3s ease;
  display: none;
}
.contact_step_2.active {
  display: block;
}
.waitlist_step_2 {
  transition: display 3s ease;
  display: none;
}

.waitlist_step_1:not(.active) {
  transition: display 3s ease;
  display: none;
}
.waitlist_step_2.active {
  display: block;
}
.story-content {
  margin-top: 8%;
  margin-bottom: 8%;
}
.story-image {
  padding-left: 0px;
  margin-left: -5%;
  z-index: 1;
}
.story-image > img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .story-content {
    margin-left: 8%;
    margin-right: 8%;
  }
  .story-image {
    margin-bottom: calc(3rem + 10%);
  }
  .story-image > img {
    max-width: 80%;
  }
  #features-icon .a {
    fill: #ffffff !important;
  }
  .section_header_svg .a {
    stroke: #ffffff !important;
  }
  .section_header_svg .b,
  .section_header_svg .c {
    stroke: #ffffff !important;
    fill: #ffffff !important;
  }
  #waitlistSubmit {
    width: 8.5rem;
    height: 3.5rem;
  }

  .pill-input-left  {
    height: 3.5rem;
  }

  .btn-align-input:hover, .btn-align-input{
     margin-left: -2rem !important;
  }
}

#story .overlay-img-a {
  z-index: 1;
}
.cls-1 > svg {
  vertical-align: unset;
}
.cls-1 > svg > path {
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width: 8px;
  z-index: 0;
}

@media (max-width: 400px) {
  #story_stars {
    margin-bottom: 50% !important;
    height: 50% !important;
    margin-left: -5% !important;
  }
  #storyPageHeader {
    font-size: 1.8rem !important;
    padding-bottom: 2.2rem;
  }
  #product-image,
  #full-video,
  #full-video1 {
      height: calc(100vh - 5.05rem) !important;
  }
  .section_under_header {
    padding-top: 5.05rem !important;
  }
  .section_header {
    top: 4.8rem !important;
  }
}

#waitlist_stars svg,
#contact_stars svg,
#story_stars svg {
  position: absolute;
  transition: transform 1s ease-in-out;
}

#waitlist_stars svg > path,
#contact_stars svg > path,
#story_stars svg > path {
  transform: scale(.9, .9) translate(0px, 8px);
  stroke-width: 5px;
}

.left-frame {
  transform: translate(3.55%, 100%);
}
@media (max-width: 1199px) {
  .left-frame {
    transform: translate(4%, 100%);
  }
}
@media (max-width: 991px) {
  .left-frame {
    transform: translate(5%, 100%);
  }
  #waitlist_stars svg > path,
  #contact_stars svg > path,
  #story_stars svg > path {
    stroke-width: 8px;
  }
}
.right-frame {
  transform: rotate(180deg);
}


//.contact_stars_0 {
//  width: 10% !important;
//  height: 40% !important;
//  margin-top: 4% !important;
//}
//.contact_stars_1 {
//  width: 10% !important;
//  height: 40% !important;
//  margin-left: 15% !important;
//}
//.contact_stars_2 {
//  width: 10% !important;
//  height: 40% !important;
//  margin-left: 18% !important;
//  margin-top: 17% !important;
//}
//.contact_stars_3 {
//  width: 18% !important;
//  height: 75% !important;
//  margin-left: 28% !important;
//  margin-top: 3% !important;
//}
//.contact_stars_4 {
//  width: 10% !important;
//  height: 40% !important;
//  margin-left: 46% !important;
//  margin-top: 2% !important;
//}
//.contact_stars_5 {
//  width: 10% !important;
//  height: 40% !important;
//  margin-left: 41% !important;
//  margin-top: 26% !important;
//}
//.contact_stars_6 {
//  width: 10% !important;
//  height: 20% !important;
//  margin-left: 54% !important;
//  margin-top: 17% !important;
//}
//.contact_stars_7 {
//  width: 25% !important;
//  height: 25% !important;
//  margin-left: 50% !important;
//  margin-top: 32% !important;
//}

//@media (max-width: 450px) {
//  .contact_stars_0 {
//    width: 20% !important;
//    height: 10% !important;
//    margin-top: 4% !important;
//  }
//  .contact_stars_1 {
//    width: 20% !important;
//    height: 10% !important;
//    margin-top: 100% !important;
//    margin-left: 25% !important;
//  }
//  .contact_stars_2 {
//    width: 40% !important;
//    height: 20% !important;
//    margin-left: 25% !important;
//    margin-top: 37% !important;
//  }
//  .contact_stars_3 {
//    width: 20% !important;
//    height: 10% !important;
//    margin-left: 60% !important;
//    margin-top: 14% !important;
//  }
//  .contact_stars_4 {
//    width: 20% !important;
//    height: 10% !important;
//    margin-left: 55% !important;
//    margin-top: 75% !important;
//  }
//  .contact_stars_5 {
//    width: 20% !important;
//    height: 10% !important;
//    margin-left: 45% !important;
//    margin-top: 130% !important;
//  }
//  .contact_stars_6 {
//    width: 10% !important;
//    height: 10% !important;
//    margin-left: 8% !important;
//    margin-top: 63% !important;
//  }
//  .contact_stars_7 {
//    display: none !important;
//  }
//}

#contact_form_newsletter {
  font-size: 2rem;
}
#contact_form_newsletter:not(.checked) .checked {
   display: none;
}
#contact_form_newsletter.checked .not_checked {
   display: none;
}

#contact-form button {
  border-width: 0px !important;
  background-image: linear-gradient(135deg, #F7B06D, #E85DB0, #A024FF, #796EFF, #4EB3F2, #2DE0DD, #62F595);
}

#newsLetterSubmitContainer > btn {
  width: 7.25rem;
}

#newsLetterSuccess {
  font-size: 1rem;
}
#faqTriggerContainer {
  perspective: 40px;
  z-index: 2;
}

#faqTriggerButton a {
  padding: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  font-family: "Montserrat";
  font-weight: 500;
}

.pill-input-right a:hover {
  text-decoration: none;
}

#faqTriggerText {
  font-family: "Montserrat";
  font-weight: 600;
}

#logo {
  width: 6.9rem;
  content: url("https://static-cdn.wristcam.com/uploads/wristcam_wordlogo_mint_68c8c6-2.png");
}

#mobile-navbar-button {
  font-size: 1.5rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#app_descriptions_section {
  padding: 0;
}

#contactForm .back_text {
  z-index: 1;
  -webkit-transform: translateZ(1000px) rotateX(180deg);
  transform: translateZ(1000px) rotateX(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  transition: 1s;
}

#contactForm.flip .back_text {
  -webkit-transform: translateZ(1000px) rotateX(0deg);
  transform: translateZ(1000px) rotateX(0deg);
}
#contactForm .input-group {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateZ(1000px);
}
#contactForm.flip .input-group {
  -webkit-transform: translateZ(1000px) rotateX(180deg);
  transform: translateZ(1000px) rotateX(180deg);
}
/*<editor-fold desc="acknowledge_checkbox">*/
.acknowledge_checkbox input[type="checkbox"] {
  height: .785rem;
  width: .785rem;
  flex:0 0 auto;
}

.acknowledge_checkbox label {
  font-size: .5rem;
}

.acknowledge_checkbox {
  background-color: #E3E3E3;
}
@media(max-width: 767px) {
  .acknowledge_checkbox input[type="checkbox"]{
    margin-top: .075em;
  }
}
@media(min-width: 992px) and (max-width: 1199px){
  .acknowledge_checkbox input[type="checkbox"]{
    margin-top: .075em;
  }
}
/*</editor-fold>*/
@media (min-width: 992px) {
  #app_descriptions_section {
    display: inline-block;
    width: 100%;
    padding: 0;
    min-height: 100vh;
  }
  #app_descriptions_div {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10;
  }
  #about .front_text {
    z-index: 1;
    opacity: 1;
    -webkit-transition: .6s;
    transition: .6s;
  }
  #about2 .back_text,
  #about .front_text {
    padding-bottom: 3rem;
  }
  #about2 .back_text > h2,
  #about .front_text > h2 {
    padding-bottom: 2rem !important;
  }
  #about .front_svg {
    z-index: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
  }
  #about2 .back_text {
    opacity: 0;
    -webkit-transition: .6s;
    transition: .6s;
  }
  #about2 .back_svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
  }
  #app_descriptions_section:not(.flip) .front_text {
    transition-delay: .4s;
  }
  #app_descriptions_section.flip .front_text {
    opacity: 0;
  }
  #app_descriptions_section.flip .front_svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  #app_descriptions_section.flip .back_text {
    opacity: 1;
    transition-delay: .4s;
  }
  #app_descriptions_section.flip .back_svg {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  .overlay-about {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  #contactForm .input-group {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-left: 33.333333%;
    padding: 0;
  }
  #mainNav .navbar-nav li.nav-item a.nav-link.active {
    color: #68C8C6;
    letter-spacing: 0.008rem;
  }
  .acknowledge_checkbox {
    background-color: transparent;
  }
}

.top-level-header {
  letter-spacing: -0.01rem;
  font-size: 2.75rem;
  line-height: 3.1rem;
  font-weight: 600;
  font-family: 'Montserrat Alternates';
  text-transform: lowercase;
  padding-top: 3rem;
  padding-bottom: 0.8rem;
}

#first-section-header {
  background-image: linear-gradient(135deg, #F7B06D, #E85DB0, #A024FF, #796EFF, #4EB3F2, #2DE0DD, #62F595);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -1px;
}

.intro-paragraph {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0rem;
  line-height: 1.8rem;
}

.intro-subheadings {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 1.45rem;
  letter-spacing: 0.01rem;
  line-height: 1.95rem;
  text-transform: uppercase;
  padding-bottom: 0.4rem;
}

.intro-subheadings > p {
  margin-bottom: 0.2rem !important;
}

.feature-text-container {
  padding-top: 1.3rem !important;
}

.body-paragraph {
  font-family: 'Montserrat';
  font-weight: 300;
  font-size: 1.1rem;
  padding-top: 1.1rem;
  letter-spacing: 0rem;
  line-height: 1.5rem;
}

.check-icon {
  width: 3rem;
  height: 3rem;
}
.circle,
.check {
  fill:none;
  stroke:#262a2d;
  stroke-width:4.5px;
}
.check {
  stroke-linecap:round;
}

.waitlist-img {
   max-width: 100%;
}
#waitlistSubmitContainer {
  perspective: 40px;
  z-index: 2;
}

#waitlist {
  overflow-x: hidden;
  margin-right: -10px;
}
#waitlist .pill-input-left {
  background-color: #ffffff;
  color: #808080;
}

.slick-prev, .slick-next {
  transform: scale(.6) !important;
  margin-top: -1rem !important;
}
.slick-next:before {
  content: url(/uploads/right-arrow.svg) !important;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: .75;
}
.slick-prev {
  left: -40px;
}
.slick-prev:before {
  content: url(/uploads/left-arrow.svg) !important;
}
#window-0 {
  transition: filter 1.2s ease;
}
#window-0.lightbox_shown {
  filter: blur(6px);
}
#window-0:not(.lightbox_shown) {
  filter: blur(0px);
}
#storyPageHeader {
  font-family: 'Montserrat Alternates';
  font-weight: 600;
  letter-spacing: -0.03rem;
  font-size: 2.75rem;
}
.story-content {
  font-family: 'Montserrat';
  font-weight: 300;
}
.story_header {
  font-family: 'Sacramento', cursive;
  font-size: 75px;
}
.story_bold {
  font-weight: 500;
}
.montserrat {
  font-family: 'Montserrat';
}
.montserratAlternates {
  font-family: 'Montserrat Alternates';
}

#email_directory h3 {
  font-family: 'Montserrat';
  font-weight: 500
}
#email_directory a,
#email_directory p {
  font-family: 'Montserrat';
  font-weight: 300
}

#Arrow-2 {
  transform: translate(38.5px, 48.5px) rotateZ(180deg) !important
}

#Arrow-3 {
  transform: translate(38.5px, 48.5px) rotateZ(-90deg) !important;
}

#mainNav .collapsed .arrow-icon {
  transform: translate(38.5px, 28.5px) rotateZ(90deg) !important
}
#mainNav .collapsed .arrow-icon-2 {
  transform: translate(38.5px, 28.5px)!important;
}

#Arrow-2,
#Arrow-3 {
  transition: transform 1s ease;
}

#front_nav_svg {
  z-index: 1;
}
#app_descriptions_section .front_nav_svg * {
  transition: fill .3s ease, opacity .3s ease;
}
#app_descriptions_section.flip .front_nav_svg .page-2 {
  fill: #fff;
  opacity: 1;
}
#app_descriptions_section.flip .front_nav_svg .page-1 {
  fill: #000;
  opacity: 0.5;
}

.collapsing {
    transition: height 100ms ease-out 0s;
}
.mouse-paginator {
  cursor: pointer;
}

.shrinking-star {
  transform: scale(.6);
}

#microlightbox_content .fa-instagram:before,
#microlightbox_content .fa-facebook:before,
#microlightbox_content .fa-twitter-square:before,
#microlightbox_content .fa-linkedin:before {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#microlightbox_content .fa-instagram:before {
  background-image: linear-gradient(135deg, #F7B06D, #E85DB0, #A024FF);
}
#microlightbox_content .fa-facebook:before {
  background-image: linear-gradient(135deg, #E85DB0, #A024FF, #796EFF);
}
#microlightbox_content .fa-twitter-square:before {
  background-image: linear-gradient(135deg, #A024FF, #796EFF, #4EB3F2);
}
#microlightbox_content .fa-linkedin:before {
  background-image: linear-gradient(135deg, #796EFF, #4EB3F2, #2DE0DD);
}

#campaign-container {
  background-color: #191B1F;
  padding-top: 0;
  margin-top: -1.4rem;
}
.hero_video {
  padding-bottom: 1rem;
}
.feature-video {
  border: 1px solid white;
}
#product-image,
.feature-video,
#full-video,
#full-video1 {
    /*height: calc(100vh - 7.7rem);*/
    width: 100%;
    object-fit: cover;
    z-index: -1;
}
#product-image {
    height: calc(100vh - 4.2rem);
}
.experience-video-container {
  margin-top: -6rem;
  position: relative;
}
.colored-background-div {
  position: absolute;
  width: 69%;
  height: 62%;
  left: 15.5%;
  top: 29%;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #F7B06D, #E85DB0, #A024FF, #796EFF, #4EB3F2, #2DE0DD, #62F595);
}

.color-button {
  border-width: 0px;
  width: 10rem;
}

.full-screen-overlay-container,
#product-container {
  position: relative;
}

.full-screen-overlay-text,
#product-text {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 33%;
}

.product-header {
  font-family: 'Montserrat Alternates';
  font-weight: 600;
  letter-spacing: -0.03rem;
  font-size: 2.75rem;
  line-height: 3.25rem;
}

.product-body {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0rem;
  line-height: 1.8rem;
}

@media (max-width: 991px) {
  #experiencePageFeature1 {
    margin-top: -6rem;
  }
  .experience-video-container {
    margin-top: 0;
  }
  .product-header {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .product-body {
    font-size: 12px;
    line-height: 1rem;
  }
  .colored-background-div {
      width: 71%;
      left: 14.5%;
  }
}

@media (max-width: 767px) {
  .colored-background-div {
      width: 69%;
      left: 15.5%;
  }
  .header-sm-30 {
      font-size: 1.875rem;
  }
  .side-by-side-image-with-text-to-overlay .row {
    position: relative;
  }
  .side-by-side-image-with-text-to-overlay .row > div {
    position: absolute;
    bottom: 10%;
  }
}

@media (max-width: 420px) {
  .colored-background-div {
      width: 65%;
      left: 17.5%;
  }
}

.iphone-svg-camera, .iphone-svg-border {
  fill: #fff;
}

.iphone-svg-frame {
  fill: rgba(255,255,255,0.15);
}

.iphone-svg-speaker {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
}

.iphone-svg-speaker {
  stroke-width: 7px;
}

.iphone-svg-background, .iphone-svg-border {
  stroke: none;
}

.watch-svg-speaker, .watch-svg-7 {
  fill: #fff;
}

.watch-svg-full-wristcam {
  fill: rgba(255,255,255,0.15);
}

.watch-svg-4, .watch-svg-camera {
  fill: none;
}

.watch-svg-4 {
  stroke-miterlimit: 10;
}

.watch-svg-camera {
  stroke: #fff;
  stroke-width: 5px;
}

.watch-svg-6, .watch-svg-7 {
  stroke: none;
}
.full-screen-overlay-play-pause {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 1rem;
  margin-bottom: 1rem;
  z-index: 2;
}
.full-screen-overlay-replay {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  z-index: 1;
}
#replay-icon {
  width: 6rem;
  height: 6rem;
  cursor: pointer;
}
#pause-icon,
#play-icon {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}
#replay-icon .outer-ring,
#pause-icon .outer-ring,
#play-icon .outer-ring {
  fill:none;
}
#replay-icon .outer-ring,
#play-icon .outer-ring,
#pause-icon .outer-ring {
  stroke:#191B1F;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:4px;
  fill-rule:evenodd;
}
#pause-icon .outer-ring {
  fill-rule:evenodd;
}
#play-icon .inner-triangle,
#pause-icon .pause-lines {
  fill:#191B1F;
}
#replay-icon .inner-triangle {
  fill:#FFFFFF;
}
#replay-icon .outer-ring {
  stroke:#FFFFFF;
}

#inline_gallery .image-carousel-container {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

@media (min-width: 767px) {
  #lightbox_gallery .image-carousel-container {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
#lightbox_gallery .gallery-slider {
  background-color: transparent;
}
#inline_gallery .gallery-slider {
  background-color: #262A2D;
}
#gallery_slider .gallery-slide-holder {
  width: 90%;
  height: 0;
  padding-bottom: 90%;
  background-position: 50% 50% !important;
  background-size: cover !important;
  border-radius: 50%;
  border-color: white;
  border-width: 2px;
  border-style: solid;
}
#gallery_slider .slick-prev:before path,
#gallery_slider .slick-next:before path {
  fill: white;
}

#gallery_slider .right-arrow,
#gallery_slider .left-arrow {
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 100%
}
#gallery_slider .right-arrow {
  right: -40px;
}
#gallery_slider .left-arrow {
  left: -40px;
}
#gallery_slider .right-arrow path,
#gallery_slider .left-arrow  path{
  fill: white;
}

#lightbox_gallery .slide-for {
  padding-bottom: 1rem;
}
#lightbox_gallery .slide-for img {
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  max-height: 70vh;
}
.lightbox_gallery-microlightbox-body {
  background-color: transparent !important;
}
.lightbox_gallery-microlightbox-window {
  border: none !important;
}
.lightbox_gallery-microlightbox-content {
  padding: 0 !important;
}
#lightbox_gallery .gallery-slide-div .gallery-slide-holder.active {
  border-color: #DE24AC !important;
  border-style: solid;
  border-width: 4px !important;
}
.lightbox-title-outer {
  position: fixed;
  font-size: 1.75rem;
  margin-top: -3rem;
  padding: 0 !important;
}

/*<editor-fold desc="Buttons">*/
.btn-cta:hover{
  background-color: #7BE0DE;
  color: white!important;
  border-color: transparent;
}
/*</editor-fold>*/

/*<editor-fold desc="Info Box Warning">*/
.info-box-warning {
  background:#FFE6E6;
  font-style:italic;
}
/*</editor-fold>*/
/** <editor-fold desc="font utilities"> */
.fs-06rem {
  font-size: .6rem;
}
/** </editor-fold> */
/** <editor-fold desc="sizing"> */
.w-20 {
  width: 20%;
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}
/** </editor-fold> */
/** <editor-fold desc="scaling"> */

@media (min-width: 768px) {
  .scale-md-140 {
    transform: scale(1.4);
  }
}

/** </editor-fold> */

/*<editor-fold desc="Checkout form fonts">*/
  /*<editor-fold desc="default">*/
    /*<editor-fold desc="font-size">*/
    .affirm-as-low-as,
    .remove-from-cart,
    .note
    {
      font-size: .5625rem; /*9px to 16px*/
    }

    .add-cart-row,
    .cart-money-summary-breakdown,
    .address-selector,
    .creditCardBox select,
    .creditCardBox input,
    .address-summary-edit,
    .checkout-form-container .shipping-info,
    .checkout-form-container .checkbox
    {
      font-size: .6875rem;
    }

    .address-summary-field,
    .payment-select input[type="radio"],
    .shipping-select
    {
      font-size: .75rem; /*12px to 16px*/
    }

    .cart-selector-subtotal,
    .cart-selector-container,
    .cart-selector-container .cart-selector,
    .cart-estimated-total,
    .checkout-button,
    .checkout-form-title,
    .checkout-form-container .toggle-label
    {
      font-size: .8125rem; /*13px to 16px*/
    }

    .cart-deviceEdition
    {
      font-size: .875rem; /*14px to 16px*/
    }

    .checkout-page-header,
    .cart-estimated-total-price
    {
      font-size: 1.0625rem; /*17px to 16px*/
    }
    /*</editor-fold>*/
    /*<editor-fold desc="font-weight">*/
    .checkout-form-container .shipping-info {
      font-weight: 400; /*regular*/
    }
    .cart-deviceEdition,
    .cart-selector-subtotal,
    .cart-selector-container,
    .cart-estimated-total,
    .address-selector,
    .creditCardBox select,
    .creditCardBox input,
    .note,
    .address-summary-field,
    .address-summary-edit,
    .checkout-form-container .checkbox
    {
      font-weight: 500; /*medium*/
    }
    .add-cart-row,
    .checkout-button,
    .checkout-form-title,
    .checkout-form-container .toggle-label,
    .shipping-select .price,
    .checkout-button
    {
      font-weight: 800;
    }
    /*</editor-fold>*/
    .cart-deviceEdition {
      color: black;
    }
    .cart-selector-subtotal, .cart-selector-container {
      color: #777777;
    }
    .cart-estimated-total > div {
      align-items: center;
    }
  /*</editor-fold>*/
  /*<editor-fold desc="min 768">*/
    @media(min-width: 768px) {
      /*<editor-fold desc="font-weight">*/
        .address-summary-field,
        .checkout-form-container .shipping-info
        {
          font-weight: 400; /*regular*/
        }
        .checkout-form-container .checkbox
        {
          font-weight: 500; /*medium*/
        }
        .address-summary-edit,
        .checkout-form-container .toggle-label
        {
          font-weight: 600; /*semiBold*/
        }
        .shipping-select .price {
          font-weight: 800; /*bold*/
        }
      /*</editor-fold>*/
    }
/*</editor-fold>*/
  /*<editor-fold desc="min 1650">*/
    @media(min-width: 1650px) {
      /*<editor-fold desc="font-size">*/
        .shipping-summary-delay-note {
          font-size: .393rem; /*11px to 28px */
        }
        .address-form label,
        .note,
        .checkout-form-container .checkbox
        {
          font-size: .43rem;/* 12px to 28px */
        }
        .cart-deviceEdition,
        .cart-selector-subtotal,
        .cart-selector,
        .remove-from-cart,
        .address-summary-edit,
        .payment-select input[type="radio"],
        .toggle-label-small,
        .shipping-select
        {
          font-size: .535rem; /*15px to 28px*/
        }
        .affirm-as-low-as,
        .add-cart-row,
        .cart-money-summary-breakdown,
        .checkout-button,
        .cancel-checkout-button
        {
          font-size: .643rem;/* 18px to 28px */
        }
        .cart-visual-summary {
          font-size: .68rem;/* 19px to 28px */
        }
        /* 20px to 28px */
        .cart-estimated-total,
        .address-selector,
        .creditCardBox select,
        .creditCardBox input,
        .address-summary-field,
        .checkout-form-container .toggle-label,
        .checkout-form-container .shipping-info
        {
          font-size: .714rem;/* 20px to 28px */
        }
        .cart-visual-summary-header {
          font-size: .82rem;/* 23px to 28px */
        }
        .checkout-form-title {
          font-size: .857rem; /*24px to 28px*/
        }
        .checkout-page-header {
          font-size: 1.4rem;/* 39px to 28px */
        }
      /*</editor-fold>*/
    }
  /*</editor-fold>*/
/*</editor-fold>*/