/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ee8b9c32987d009acd7678d08542d11e)
 * Config saved to config.json and https://gist.github.com/ee8b9c32987d009acd7678d08542d11e
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.nav:before,
.nav:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.nav:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}
@media screen and (min-width: 0em) {
    .pure-u-xs-1,
    .pure-u-xs-1-1,
    .pure-u-xs-1-2,
    .pure-u-xs-1-3,
    .pure-u-xs-2-3,
    .pure-u-xs-1-4,
    .pure-u-xs-3-4,
    .pure-u-xs-1-5,
    .pure-u-xs-2-5,
    .pure-u-xs-3-5,
    .pure-u-xs-4-5,
    .pure-u-xs-5-5,
    .pure-u-xs-1-6,
    .pure-u-xs-5-6,
    .pure-u-xs-1-8,
    .pure-u-xs-3-8,
    .pure-u-xs-5-8,
    .pure-u-xs-7-8,
    .pure-u-xs-1-12,
    .pure-u-xs-5-12,
    .pure-u-xs-7-12,
    .pure-u-xs-11-12,
    .pure-u-xs-1-24,
    .pure-u-xs-2-24,
    .pure-u-xs-3-24,
    .pure-u-xs-4-24,
    .pure-u-xs-5-24,
    .pure-u-xs-6-24,
    .pure-u-xs-7-24,
    .pure-u-xs-8-24,
    .pure-u-xs-9-24,
    .pure-u-xs-10-24,
    .pure-u-xs-11-24,
    .pure-u-xs-12-24,
    .pure-u-xs-13-24,
    .pure-u-xs-14-24,
    .pure-u-xs-15-24,
    .pure-u-xs-16-24,
    .pure-u-xs-17-24,
    .pure-u-xs-18-24,
    .pure-u-xs-19-24,
    .pure-u-xs-20-24,
    .pure-u-xs-21-24,
    .pure-u-xs-22-24,
    .pure-u-xs-23-24,
    .pure-u-xs-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xs-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-xs-1-12,
    .pure-u-xs-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-xs-1-8,
    .pure-u-xs-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-xs-1-6,
    .pure-u-xs-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-xs-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-xs-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-xs-1-4,
    .pure-u-xs-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-xs-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-xs-1-3,
    .pure-u-xs-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-xs-3-8,
    .pure-u-xs-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-xs-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-xs-5-12,
    .pure-u-xs-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-xs-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-xs-1-2,
    .pure-u-xs-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-xs-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-xs-7-12,
    .pure-u-xs-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-xs-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-xs-5-8,
    .pure-u-xs-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-xs-2-3,
    .pure-u-xs-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-xs-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-xs-3-4,
    .pure-u-xs-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-xs-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-xs-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-xs-5-6,
    .pure-u-xs-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-xs-7-8,
    .pure-u-xs-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-xs-11-12,
    .pure-u-xs-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-xs-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-xs-1,
    .pure-u-xs-1-1,
    .pure-u-xs-5-5,
    .pure-u-xs-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-4,
    .pure-u-sm-3-4,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-5-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-8,
    .pure-u-sm-3-8,
    .pure-u-sm-5-8,
    .pure-u-sm-7-8,
    .pure-u-sm-1-12,
    .pure-u-sm-5-12,
    .pure-u-sm-7-12,
    .pure-u-sm-11-12,
    .pure-u-sm-1-24,
    .pure-u-sm-2-24,
    .pure-u-sm-3-24,
    .pure-u-sm-4-24,
    .pure-u-sm-5-24,
    .pure-u-sm-6-24,
    .pure-u-sm-7-24,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24,
    .pure-u-sm-10-24,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-sm-5-12,
    .pure-u-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-sm-7-12,
    .pure-u-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-sm-5-8,
    .pure-u-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-sm-3-4,
    .pure-u-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-sm-7-8,
    .pure-u-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-5-5,
    .pure-u-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-2,
    .pure-u-md-1-3,
    .pure-u-md-2-3,
    .pure-u-md-1-4,
    .pure-u-md-3-4,
    .pure-u-md-1-5,
    .pure-u-md-2-5,
    .pure-u-md-3-5,
    .pure-u-md-4-5,
    .pure-u-md-5-5,
    .pure-u-md-1-6,
    .pure-u-md-5-6,
    .pure-u-md-1-8,
    .pure-u-md-3-8,
    .pure-u-md-5-8,
    .pure-u-md-7-8,
    .pure-u-md-1-12,
    .pure-u-md-5-12,
    .pure-u-md-7-12,
    .pure-u-md-11-12,
    .pure-u-md-1-24,
    .pure-u-md-2-24,
    .pure-u-md-3-24,
    .pure-u-md-4-24,
    .pure-u-md-5-24,
    .pure-u-md-6-24,
    .pure-u-md-7-24,
    .pure-u-md-8-24,
    .pure-u-md-9-24,
    .pure-u-md-10-24,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-md-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-md-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-md-5-12,
    .pure-u-md-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-md-7-12,
    .pure-u-md-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-md-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-md-5-8,
    .pure-u-md-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-md-2-3,
    .pure-u-md-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-md-3-4,
    .pure-u-md-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-md-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-md-5-6,
    .pure-u-md-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-md-7-8,
    .pure-u-md-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-5-5,
    .pure-u-md-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-2,
    .pure-u-lg-1-3,
    .pure-u-lg-2-3,
    .pure-u-lg-1-4,
    .pure-u-lg-3-4,
    .pure-u-lg-1-5,
    .pure-u-lg-2-5,
    .pure-u-lg-3-5,
    .pure-u-lg-4-5,
    .pure-u-lg-5-5,
    .pure-u-lg-1-6,
    .pure-u-lg-5-6,
    .pure-u-lg-1-8,
    .pure-u-lg-3-8,
    .pure-u-lg-5-8,
    .pure-u-lg-7-8,
    .pure-u-lg-1-12,
    .pure-u-lg-5-12,
    .pure-u-lg-7-12,
    .pure-u-lg-11-12,
    .pure-u-lg-1-24,
    .pure-u-lg-2-24,
    .pure-u-lg-3-24,
    .pure-u-lg-4-24,
    .pure-u-lg-5-24,
    .pure-u-lg-6-24,
    .pure-u-lg-7-24,
    .pure-u-lg-8-24,
    .pure-u-lg-9-24,
    .pure-u-lg-10-24,
    .pure-u-lg-11-24,
    .pure-u-lg-12-24,
    .pure-u-lg-13-24,
    .pure-u-lg-14-24,
    .pure-u-lg-15-24,
    .pure-u-lg-16-24,
    .pure-u-lg-17-24,
    .pure-u-lg-18-24,
    .pure-u-lg-19-24,
    .pure-u-lg-20-24,
    .pure-u-lg-21-24,
    .pure-u-lg-22-24,
    .pure-u-lg-23-24,
    .pure-u-lg-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-lg-1-12,
    .pure-u-lg-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-lg-1-8,
    .pure-u-lg-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-lg-1-6,
    .pure-u-lg-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-lg-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-lg-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-lg-1-4,
    .pure-u-lg-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-lg-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-lg-1-3,
    .pure-u-lg-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-lg-3-8,
    .pure-u-lg-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-lg-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-lg-5-12,
    .pure-u-lg-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-lg-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-lg-1-2,
    .pure-u-lg-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-lg-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-lg-7-12,
    .pure-u-lg-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-lg-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-lg-5-8,
    .pure-u-lg-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-lg-2-3,
    .pure-u-lg-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-lg-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-lg-3-4,
    .pure-u-lg-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-lg-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-lg-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-lg-5-6,
    .pure-u-lg-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-lg-7-8,
    .pure-u-lg-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-lg-11-12,
    .pure-u-lg-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-lg-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-5-5,
    .pure-u-lg-24-24 {
        width: 100%;
    }
}
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

div#cs-mobile-app {
  /* reset */
  /* Reset `button` and button-style `input` default styles */
  /*empty*/ }
  div#cs-mobile-app * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  div#cs-mobile-app *:before,
  div#cs-mobile-app *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  div#cs-mobile-app input,
  div#cs-mobile-app button,
  div#cs-mobile-app select,
  div#cs-mobile-app textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  div#cs-mobile-app [role="button"],
  div#cs-mobile-app input[type="submit"],
  div#cs-mobile-app input[type="reset"],
  div#cs-mobile-app input[type="button"],
  div#cs-mobile-app button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  div#cs-mobile-app input[type="submit"],
  div#cs-mobile-app input[type="reset"],
  div#cs-mobile-app input[type="button"],
  div#cs-mobile-app button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    /* for input */
    -webkit-user-select: none;
    /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  div#cs-mobile-app h2 {
    text-transform: initial; }
  div#cs-mobile-app .modal-content {
    border-radius: 0; }
  #cs-mobile-app {
    position: relative; }
    #cs-mobile-app ui-view {
      display: block;
      width: 100%;
      background: #ffffff; }
      #cs-mobile-app ui-view.ng-enter, #cs-mobile-app ui-view.ng-leave {
        position: absolute;
        left: 0;
        width: 100%;
        -moz-transition: 0.35s ease-in-out all;
        -o-transition: 0.35s ease-in-out all;
        -ms-transition: 0.35s ease-in-out all;
        -webkit-transition: 0.35s ease-in-out all;
        transition: 0.35s ease-in-out all;
        top: 0; }
      #cs-mobile-app ui-view.ng-enter {
        z-index: 100;
        top: 100%; }
        #cs-mobile-app ui-view.ng-enter.ng-enter-active {
          top: 0%; }
      #cs-mobile-app ui-view.ng-leave {
        opacity: 1;
        z-index: 99;
        top: 0%; }
        #cs-mobile-app ui-view.ng-leave.ng-leave-active {
          top: 0%;
          opacity: 0; }
  div#cs-mobile-app html,
  div#cs-mobile-app body,
  div#cs-mobile-app button,
  div#cs-mobile-app input,
  div#cs-mobile-app select,
  div#cs-mobile-app textarea,
  div#cs-mobile-app .pure-g [class*="pure-u"],
  div#cs-mobile-app * {
    font-family: "Proxima Nova", "proxima-nova", sans-serif; }
  div#cs-mobile-app .font-weight-bold {
    font-weight: bold; }
  div#cs-mobile-app .font-size-largest {
    font-size: 32px !important; }
  div#cs-mobile-app .font-size-larger {
    font-size: 32px !important; }
  div#cs-mobile-app .font-size-large {
    font-size: 20px !important; }
  div#cs-mobile-app .font-size-medium {
    font-size: 16px !important; }
  div#cs-mobile-app .font-size-regular {
    font-size: 14px !important; }
  div#cs-mobile-app .font-size-small {
    font-size: 12px !important; }
  div#cs-mobile-app .font-size-x-small {
    font-size: 10px !important; }
  div#cs-mobile-app .padded {
    padding-left: 10px;
    padding-right: 10px; }
  div#cs-mobile-app a {
    font-family: "Proxima Nova", "proxima-nova", sans-serif;
    transition: none !important; }
  div#cs-mobile-app p {
    margin-top: 1em;
    margin-bottom: 1em; }
  div#cs-mobile-app h1,
  div#cs-mobile-app h2,
  div#cs-mobile-app h3,
  div#cs-mobile-app h3,
  div#cs-mobile-app h4,
  div#cs-mobile-app h5,
  div#cs-mobile-app h6 {
    font-family: "Proxima Nova", "proxima-nova", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    color: #484848;
    margin: 0; }
  div#cs-mobile-app h1 {
    color: #484848;
    font-size: 22px; }
  div#cs-mobile-app h2 {
    font-size: 20px; }
  div#cs-mobile-app h3 {
    font-size: 18px; }
  div#cs-mobile-app h5 {
    color: #707070;
    font-size: 1em; }
  div#cs-mobile-app .text-white {
    color: #fff; }
  div#cs-mobile-app .text-bold {
    font-weight: bold; }
  div#cs-mobile-app .text-center {
    text-align: center; }
  div#cs-mobile-app .text-dark-grey {
    color: #484848; }
  div#cs-mobile-app .bg-white {
    background-color: #fff !important; }
  div#cs-mobile-app .uppercase {
    text-transform: uppercase; }
  div#cs-mobile-app .text-right {
    text-align: right; }
  div#cs-mobile-app .text-left {
    text-align: left; }
  div#cs-mobile-app .no-top-margin {
    margin-top: 0; }
  div#cs-mobile-app .margin-top-10 {
    margin-top: 10% !important; }
  div#cs-mobile-app .vertical-chevron {
    height: 0.55em; }
  div#cs-mobile-app .undo-icon {
    height: 1em;
    position: relative;
    top: -.15em;
    margin-right: .25em; }
  div#cs-mobile-app .pagination-dots {
    text-align: center; }
    div#cs-mobile-app .pagination-dots div {
      vertical-align: middle;
      display: inline-block;
      margin: 1.2%;
      border-radius: 50%;
      background-color: #c5c2bf;
      text-align: center;
      width: 4px;
      padding-bottom: 4px; }
      div#cs-mobile-app .pagination-dots div.active {
        width: 6px;
        padding-bottom: 6px;
        background-color: #484848; }
  div#cs-mobile-app .icons-container > a {
    margin-top: 4px;
    padding-left: 20px;
    float: right; }
  div#cs-mobile-app .header-info {
    border-bottom: 1px #EBEBEB solid;
    position: relative;
    padding: 10px 0; }
    div#cs-mobile-app .header-info button {
      position: absolute;
      top: 14px;
      left: 10px;
      text-transform: uppercase; }
    @media (min-width: 992px) {
      div#cs-mobile-app .header-info {
        min-height: 100px;
        padding-bottom: 50px; }
        div#cs-mobile-app .header-info .logo {
          position: absolute;
          top: 10px;
          left: 5%;
          margin: 0; }
          div#cs-mobile-app .header-info .logo img {
            margin-top: 0;
            height: 85px; } }
    div#cs-mobile-app .header-info .title {
      font-weight: 900;
      font-size: 20px;
      display: block;
      text-align: center;
      margin-top: 0; }
      @media (min-width: 992px) {
        div#cs-mobile-app .header-info .title {
          padding-top: 20px;
          font-size: 32px; } }
    div#cs-mobile-app .header-info .subtitle {
      width: 80%;
      font-weight: normal;
      font-size: 14px;
      display: block;
      text-align: center;
      margin: 7px auto; }
  div#cs-mobile-app .opacity-fade {
    -moz-transition: 0.35s ease-in-out opacity;
    -o-transition: 0.35s ease-in-out opacity;
    -ms-transition: 0.35s ease-in-out opacity;
    -webkit-transition: 0.35s ease-in-out opacity;
    transition: 0.35s ease-in-out opacity; }
  div#cs-mobile-app .opacity-0 {
    opacity: 0; }
  div#cs-mobile-app .opacity-50 {
    opacity: 0.5; }
  .locale-cl .user-menu-button,
  .locale-mx .user-menu-button {
    display: none; }
  .modal.in .modal-dialog,
  .modal .modal-dialog {
    transform: translateY(-50%);
    top: 50%; }
  div#cs-mobile-app {
    font-size: 14px;
    color: #484848;
    padding-bottom: 40px;
    -webkit-font-smoothing: subpixel-antialiased; }
    div#cs-mobile-app.modal-open {
      overflow: visible; }
  div#cs-mobile-app .cs-icon-close {
    background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/search_close.svg") no-repeat center center;
    background-size: 10px; }
  div#cs-mobile-app .cs-icon-questionmark {
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
    width: 29px;
    height: 29px;
    border: 1px solid #A61631;
    background: #A61631;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    border-radius: 15px; }
  div#cs-mobile-app .img svg {
    overflow: visible !important; }
  div#cs-mobile-app .cs-icon-circled-plus svg .cls-1, div#cs-mobile-app .cs-icon-circled-plus svg .pcls-2 {
    stroke-width: 1px;
    fill: none;
    stroke: #fff; }
  div#cs-mobile-app .cs-icon-circled-plus.red svg .cls-1, div#cs-mobile-app .cs-icon-circled-plus.red svg .pcls-2 {
    stroke: #A61631; }
  div#cs-mobile-app .magnify-plus,
  div#cs-mobile-app .magnify-minus {
    font-family: Arial, sans-serif;
    background: #fff;
    width: 29px;
    height: 29px;
    border-radius: 16px;
    border: 1px solid #A61631;
    text-align: center;
    font-size: 20px;
    color: #A61631;
    line-height: 29px;
    z-index: 1;
    cursor: pointer;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */ }
  div#cs-mobile-app .magnify-minus {
    top: 80px; }
  div#cs-mobile-app .text-blue {
    color: #0072BC; }
  @media (min-width: 992px) {
    div#cs-mobile-app .adaptive-container, div#cs-mobile-app mobile-visualizer-page .visualizer-page-container, div#cs-mobile-app color-browser .color-browser-padding {
      width: 620px; } }
  @media (min-width: 1200px) {
    div#cs-mobile-app .adaptive-container, div#cs-mobile-app mobile-visualizer-page .visualizer-page-container, div#cs-mobile-app color-browser .color-browser-padding {
      width: 830px; } }
  div#cs-mobile-app input::-moz-focus-inner,
  div#cs-mobile-app button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  div#cs-mobile-app button:focus {
    outline: none; }
  div#cs-mobile-app .btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    background-color: #c5c2bf;
    display: inline-block;
    padding: 13px 10px;
    width: 100%;
    border: none;
    border-radius: 12px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px; }
    div#cs-mobile-app .btn:hover {
      text-decoration: none;
      color: #fff; }
    div#cs-mobile-app .btn:focus {
      outline: none; }
    @media (max-width: 350px) {
      div#cs-mobile-app .btn {
        padding-left: 5px;
        padding-right: 5px; } }
  div#cs-mobile-app .kilz-button {
    cursor: pointer;
    border-radius: 0;
    color: #A61631;
    border: 1px #A61631 solid;
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: 1px;
    line-height: 35px;
    min-width: 135px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600; }
    div#cs-mobile-app .kilz-button:hover, div#cs-mobile-app .kilz-button:active {
      color: #A61631;
      text-decoration: none; }
    div#cs-mobile-app .kilz-button.no-border {
      border: none; }
      div#cs-mobile-app .kilz-button.no-border:hover, div#cs-mobile-app .kilz-button.no-border:active {
        border: none; }
    div#cs-mobile-app .kilz-button.black-text {
      color: #000; }
      div#cs-mobile-app .kilz-button.black-text:hover, div#cs-mobile-app .kilz-button.black-text:active {
        color: #000; }
    div#cs-mobile-app .kilz-button.red, div#cs-mobile-app .kilz-button.rollover-red:hover {
      background: #A61631;
      color: #fff; }
      div#cs-mobile-app .kilz-button.red:hover, div#cs-mobile-app .kilz-button.red:active, div#cs-mobile-app .kilz-button.rollover-red:hover:hover, div#cs-mobile-app .kilz-button.rollover-red:hover:active {
        color: #fff; }
      div#cs-mobile-app .kilz-button.red div.img.fill svg *, div#cs-mobile-app .kilz-button.rollover-red:hover div.img.fill svg * {
        fill: #fff; }
        div#cs-mobile-app .kilz-button.red div.img.fill svg *.cls-1, div#cs-mobile-app .kilz-button.rollover-red:hover div.img.fill svg *.cls-1 {
          stroke: none; }
      div#cs-mobile-app .kilz-button.red div.img.stroke svg *, div#cs-mobile-app .kilz-button.rollover-red:hover div.img.stroke svg * {
        fill: none; }
        div#cs-mobile-app .kilz-button.red div.img.stroke svg *.cls-1, div#cs-mobile-app .kilz-button.rollover-red:hover div.img.stroke svg *.cls-1 {
          stroke: #fff; }
    div#cs-mobile-app .kilz-button.faded {
      background: #fff;
      color: #D8D8D8;
      border-color: #D8D8D8; }
      div#cs-mobile-app .kilz-button.faded div.img.fill svg * {
        fill: #D8D8D8; }
        div#cs-mobile-app .kilz-button.faded div.img.fill svg *.cls-1 {
          stroke: none; }
      div#cs-mobile-app .kilz-button.faded div.img.stroke svg * {
        fill: none; }
        div#cs-mobile-app .kilz-button.faded div.img.stroke svg *.cls-1 {
          stroke: #D8D8D8; }
    div#cs-mobile-app .kilz-button.grey {
      background: #EBEBEB;
      color: #A61631; }
      div#cs-mobile-app .kilz-button.grey div.img.fill svg * {
        fill: #EBEBEB; }
        div#cs-mobile-app .kilz-button.grey div.img.fill svg *.cls-1 {
          stroke: none; }
      div#cs-mobile-app .kilz-button.grey div.img.stroke svg * {
        fill: none; }
        div#cs-mobile-app .kilz-button.grey div.img.stroke svg *.cls-1 {
          stroke: #EBEBEB; }
    div#cs-mobile-app .kilz-button div.img,
    div#cs-mobile-app .kilz-button img {
      display: inline-block;
      height: 16px;
      width: 16px;
      padding: 0px;
      margin: 0px;
      margin-right: 4px; }
    div#cs-mobile-app .kilz-button div.img {
      vertical-align: top; }
      div#cs-mobile-app .kilz-button div.img.fill svg * {
        fill: #A61631; }
        div#cs-mobile-app .kilz-button div.img.fill svg *.cls-1 {
          stroke: none; }
      div#cs-mobile-app .kilz-button div.img.stroke svg * {
        fill: none; }
        div#cs-mobile-app .kilz-button div.img.stroke svg *.cls-1 {
          stroke: #A61631; }
      div#cs-mobile-app .kilz-button div.img.chevron svg *.cls-1 {
        stroke-width: 2px; }
    div#cs-mobile-app .kilz-button div.img.cart {
      vertical-align: -5%; }
    div#cs-mobile-app .kilz-button div.img.brush {
      vertical-align: -17%;
      margin-right: 6px; }
    div#cs-mobile-app .kilz-button div.img.camera {
      vertical-align: -4%;
      width: 1.5em;
      margin-left: 6px; }
    div#cs-mobile-app .kilz-button div.img.cs-icon-circled-plus {
      vertical-align: -5%;
      margin-right: 5px;
      margin-left: 5px; }
    div#cs-mobile-app .kilz-button img.brush-color {
      vertical-align: -15%; }
    div#cs-mobile-app .kilz-button img.shopping-cart {
      vertical-align: -5%;
      margin-right: 6px; }
  div#cs-mobile-app .btn-dark {
    background-color: #484848; }
  div#cs-mobile-app .btn-inactive {
    background-color: #eeedec; }
  div#cs-mobile-app .btn-primary {
    background-color: #ea5766; }
  div#cs-mobile-app .btn-add-color {
    border: none;
    background: none;
    width: 100%;
    padding: 5%; }
  div#cs-mobile-app .btn-no-bg {
    color: #333;
    background: none; }
  div#cs-mobile-app .btn-small {
    margin: 0;
    padding: 9px 14px;
    border-radius: 6px;
    font-size: 12px;
    text-transform: capitalize; }
    @media (max-width: 350px) {
      div#cs-mobile-app .btn-small {
        padding-left: 4px;
        padding-right: 4px; } }
  div#cs-mobile-app .btn-close {
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    font-size: 20px;
    line-height: 0;
    text-align: center; }
    div#cs-mobile-app .btn-close:after {
      content: '\2715';
      color: #A61631;
      position: relative;
      top: -4px; }
  div#cs-mobile-app .btn-link {
    cursor: pointer;
    background: none;
    display: inline-block;
    color: #707070; }
    div#cs-mobile-app .btn-link:focus {
      outline: none; }
    div#cs-mobile-app .btn-link:hover {
      text-decoration: none;
      color: #484848; }
  div#cs-mobile-app .btn-undo {
    text-align: right; }
  div#cs-mobile-app .iscrollable-container {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden; }
    div#cs-mobile-app .iscrollable-container .iscrollable-container-content {
      white-space: nowrap;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      min-width: 101%;
      padding-right: 10%;
      display: inline-block; }
  div#cs-mobile-app .scrollable-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    div#cs-mobile-app .scrollable-container::-webkit-scrollbar {
      -webkit-appearance: none;
      display: none;
      width: 0px;
      height: 0px;
      background: transparent; }
    div#cs-mobile-app .scrollable-container .scrollable-container-content {
      -webkit-perspective: 0;
      white-space: nowrap;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      min-width: 101%;
      display: inline-block; }
  div#cs-mobile-app ui-view {
    display: block; }
  div#cs-mobile-app .flex-fixed-size {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto; }
  div#cs-mobile-app .padded-container {
    padding: 0px; }
  div#cs-mobile-app .pure-u-1-7,
  div#cs-mobile-app .pure-u-1-9,
  div#cs-mobile-app .pure-u-1-10 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  div#cs-mobile-app .pure-u-1-7 {
    width: 14.2857%; }
  div#cs-mobile-app .pure-u-1-9 {
    width: 11.1111%; }
  div#cs-mobile-app .pure-u-1-10 {
    width: 10%; }
  div#cs-mobile-app .g-1-2-padding > div:nth-child(odd) {
    padding-right: 0px; }
  div#cs-mobile-app .g-1-2-padding > div:nth-child(even) {
    padding-left: 0px; }

@media (min-width: 992px) and (max-width: 1199px) {
  div#cs-mobile-app .md-hide {
    display: none !important; } }
  @media (min-width: 992px) {
    div#cs-mobile-app .desktop-hide {
      display: none !important; } }
  @media (max-width: 991px) {
    div#cs-mobile-app .mobile-hide {
      display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  div#cs-mobile-app .sm-hide {
    display: none !important; } }
  @media (max-width: 767px) {
    div#cs-mobile-app .xs-hide {
      display: none !important; } }
  div#cs-mobile-app .m-y-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
  div#cs-mobile-app .m-t-1 {
    margin-top: 10px !important; }
  div#cs-mobile-app .m-b-1 {
    margin-bottom: 10px !important; }
  div#cs-mobile-app .m-y-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  div#cs-mobile-app .m-t-2 {
    margin-top: 20px !important; }
  div#cs-mobile-app .m-b-2 {
    margin-bottom: 20px !important; }
  div#cs-mobile-app .swatch, div#cs-mobile-app .swatch-add-color {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 0%;
    position: relative; }
  div#cs-mobile-app color-chip {
    position: relative;
    line-height: 0;
    display: block;
    height: auto;
    width: auto; }
    div#cs-mobile-app color-chip * {
      line-height: normal; }
    div#cs-mobile-app color-chip .tooltip {
      bottom: 0;
      top: 0 !important; }
    div#cs-mobile-app color-chip .tooltip-inner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -75%);
      pointer-events: none;
      background: transparent;
      filter: drop-shadow(0 0 10px #666); }
      div#cs-mobile-app color-chip .tooltip-inner .relative-container {
        position: relative;
        white-space: nowrap;
        background: #fff;
        border: none;
        color: #484848;
        border-radius: 2px;
        min-width: 82px;
        line-height: 1.2;
        font-size: 12px;
        padding: 7px 10px 5px; }
        div#cs-mobile-app color-chip .tooltip-inner .relative-container .tooltip-arrow {
          position: absolute;
          display: block;
          width: 8px;
          height: 4px;
          bottom: 0;
          transform: translate(-50%, 100%);
          left: 50%;
          z-index: 1; }
          div#cs-mobile-app color-chip .tooltip-inner .relative-container .tooltip-arrow::before {
            position: absolute;
            content: '';
            display: block;
            width: 0;
            height: 0;
            top: 0;
            right: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid transparent; }
          div#cs-mobile-app color-chip .tooltip-inner .relative-container .tooltip-arrow::after {
            position: absolute;
            content: '';
            display: block;
            width: 0;
            height: 0;
            top: -1px;
            right: 1px;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 3px solid #fff; }
  div#cs-mobile-app .swatch .one-coat-icon, div#cs-mobile-app .swatch-add-color .one-coat-icon {
    position: absolute;
    right: 7%;
    top: 6%;
    height: 30%;
    width: auto; }
  div#cs-mobile-app .swatch.responsive, div#cs-mobile-app .swatch-add-color {
    width: 100%;
    height: 0;
    padding-bottom: 100%; }
  div#cs-mobile-app .swatch.shadow, div#cs-mobile-app .shadow.swatch-add-color {
    box-shadow: 3px 3px 6px 0px #BCB5B5; }
  div#cs-mobile-app .swatch.swappable, div#cs-mobile-app .swappable.swatch-add-color {
    position: relative;
    overflow: visible; }
  div#cs-mobile-app .swatch.swappable:after, div#cs-mobile-app .swappable.swatch-add-color:after {
    content: none; }
    .swap-enabled div#cs-mobile-app .swatch.swappable:after, .swap-enabled div#cs-mobile-app .swappable.swatch-add-color:after {
      content: ' ';
      position: absolute;
      color: #fff;
      background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/circled_x.svg");
      bottom: 20%;
      right: 20%;
      top: 20%;
      left: 20%;
      text-align: center;
      vertical-align: top;
      line-height: 15px; }
  div#cs-mobile-app mobile-chipset .color-row {
    width: 14vw;
    display: inline-block;
    vertical-align: top; }
  div#cs-mobile-app mobile-chipset color-chip {
    display: block;
    padding: 3px; }
    div#cs-mobile-app mobile-chipset color-chip .swatch, div#cs-mobile-app mobile-chipset color-chip .swatch-add-color {
      display: block; }
  div#cs-mobile-app mobile-chipset .selected {
    background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/check.svg) no-repeat center center;
    background-size: 20px; }
  @media (max-width: 350px) {
    .locale-cl mobile-visualizer-page .padded-container .pure-g,
    .locale-mx mobile-visualizer-page .padded-container .pure-g {
      font-size: 11px; } }
  .locale-cl mobile-visualizer-page .padded-container buy-button,
  .locale-cl mobile-visualizer-page .padded-container share-buttons,
  .locale-mx mobile-visualizer-page .padded-container buy-button,
  .locale-mx mobile-visualizer-page .padded-container share-buttons {
    /* Hide Buy Samples, Buy These Colors btns */
    display: none; }
  div#cs-mobile-app mobile-visualizer-page {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    @media (min-width: 992px) {
      div#cs-mobile-app mobile-visualizer-page .mobile-visualizer-page {
        display: flex;
        justify-content: space-between;
        width: 992px;
        margin-right: auto;
        margin-left: auto; } }
    @media (min-width: 1200px) {
      div#cs-mobile-app mobile-visualizer-page .mobile-visualizer-page {
        width: 1200px; } }
    @media (max-width: 991px) {
      div#cs-mobile-app mobile-visualizer-page .mobile-visualizer-page .palette-container {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: -10px;
        z-index: 10; } }
    @media (min-width: 992px) {
      div#cs-mobile-app mobile-visualizer-page .mobile-visualizer-page .palette-container,
      div#cs-mobile-app mobile-visualizer-page .mobile-visualizer-page .visualizer-page-container {
        vertical-align: top;
        display: inline-block; } }
    div#cs-mobile-app mobile-visualizer-page .page-sizer {
      width: 100%;
      padding: 0 10px 20px 10px;
      position: relative; }
      @media (min-width: 992px) {
        div#cs-mobile-app mobile-visualizer-page .page-sizer {
          padding: 0 40px 20px 40px;
          border-left: 1px solid #D8D8D8; } }
    div#cs-mobile-app mobile-visualizer-page .magnify-plus,
    div#cs-mobile-app mobile-visualizer-page .magnify-minus {
      position: absolute;
      top: 10px;
      right: 10px; }
    div#cs-mobile-app mobile-visualizer-page .magnify-minus {
      top: 80px; }
    div#cs-mobile-app mobile-visualizer-page .visualizer-container {
      position: relative;
      margin-left: -10px;
      margin-right: -10px; }
      @media (min-width: 992px) {
        div#cs-mobile-app mobile-visualizer-page .visualizer-container {
          margin: 0; } }
      div#cs-mobile-app mobile-visualizer-page .visualizer-container .visualizer-loading {
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%; }
    div#cs-mobile-app mobile-visualizer-page browser-palette {
      padding: 0px; }
      div#cs-mobile-app mobile-visualizer-page browser-palette .content {
        border: none; }
        div#cs-mobile-app mobile-visualizer-page browser-palette .content .padded-container .kilz-button {
          background-position: 110px 10px; }
    div#cs-mobile-app mobile-visualizer-page .heading-content {
      display: block; }
      @media (min-width: 992px) {
        div#cs-mobile-app mobile-visualizer-page .heading-content {
          margin: 0 40px;
          position: relative; } }
      div#cs-mobile-app mobile-visualizer-page .heading-content .title {
        display: block;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        text-transform: capitalize;
        margin: 14px auto 14px;
        color: #484848; }
        @media (min-width: 992px) {
          div#cs-mobile-app mobile-visualizer-page .heading-content .title {
            margin-top: 60px;
            margin-bottom: 30px;
            font-size: 32px; } }
      div#cs-mobile-app mobile-visualizer-page .heading-content .description {
        text-transform: uppercase;
        margin: 5px 0; }
        div#cs-mobile-app mobile-visualizer-page .heading-content .description span {
          display: inline-block; }
          div#cs-mobile-app mobile-visualizer-page .heading-content .description span:first-child {
            vertical-align: top;
            margin-left: 10px;
            font-size: 14px;
            line-height: 14px; }
            @media (min-width: 992px) {
              div#cs-mobile-app mobile-visualizer-page .heading-content .description span:first-child {
                margin-left: 0; } }
        div#cs-mobile-app mobile-visualizer-page .heading-content .description a {
          position: absolute;
          right: 0px;
          margin-right: 10px;
          font-size: 12px;
          color: #A61631;
          text-decoration: underline; }
          @media (min-width: 992px) {
            div#cs-mobile-app mobile-visualizer-page .heading-content .description a {
              background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/changeroom_icon.svg) no-repeat center left;
              text-align: right;
              width: 112px;
              margin-right: 0; } }
    div#cs-mobile-app mobile-visualizer-page .visualizer-controls {
      padding: 0px;
      text-align: right; }
      div#cs-mobile-app mobile-visualizer-page .visualizer-controls div {
        display: inline-block;
        margin-left: 4px;
        padding: 6px;
        line-height: 20px;
        color: #A61631;
        border: 1px #A61631 solid;
        margin-top: 6px;
        cursor: pointer; }
        div#cs-mobile-app mobile-visualizer-page .visualizer-controls div .cs-icon-close {
          width: 16px;
          display: inline-block; }
        div#cs-mobile-app mobile-visualizer-page .visualizer-controls div.disabled {
          border-color: #D8D8D8;
          color: #D8D8D8; }
        @media (min-width: 992px) {
          div#cs-mobile-app mobile-visualizer-page .visualizer-controls div {
            text-transform: uppercase; } }
        @media (min-width: 992px) {
          div#cs-mobile-app mobile-visualizer-page .visualizer-controls div:last-child::before {
            content: 'X'; } }
    div#cs-mobile-app mobile-visualizer-page .similar-colors-container.desktop-hide similar-colors .other-colors {
      margin: 20px -10px 0;
      padding: 20px 10px 0;
      border-top: 1px solid #D8D8D8; }
      div#cs-mobile-app mobile-visualizer-page .similar-colors-container.desktop-hide similar-colors .other-colors .other-colors-title {
        font-size: 16px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 20px; }
    div#cs-mobile-app mobile-visualizer-page .scene-selected {
      display: none; }
  @media (max-width: 350px) {
    .locale-cl color-browser .modal-dialog .modal-content color-browser-navigation a, .locale-mx color-browser .modal-dialog .modal-content color-browser-navigation a {
      font-size: 12px; } }
  div#cs-mobile-app color-browser-navigation {
    display: block;
    border-bottom: 1px #D8D8D8 solid; }
    div#cs-mobile-app color-browser-navigation .nav_title {
      color: #484848;
      font-size: 20px;
      font-weight: bold;
      margin-left: 6px;
      margin-right: 6px;
      text-align: center; }
      @media (min-width: 992px) {
        div#cs-mobile-app color-browser-navigation .nav_title {
          font-size: 32px;
          height: 120px;
          padding-top: 30px; } }
    div#cs-mobile-app color-browser-navigation .menu_list {
      display: flex;
      justify-content: space-around;
      height: 46px;
      margin: 0;
      padding: 0 4px;
      width: 100%;
      position: relative;
      bottom: -1px; }
      @media (min-width: 992px) {
        div#cs-mobile-app color-browser-navigation .menu_list {
          height: 59px; } }
      @media (max-width: 350px) {
        div#cs-mobile-app color-browser-navigation .menu_list {
          height: 45px; } }
      div#cs-mobile-app color-browser-navigation .menu_list a {
        background-color: transparent;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        border-radius: 2px;
        color: #707070;
        margin: 0;
        padding: 3px 10px 0;
        font-size: 14px;
        white-space: nowrap;
        text-transform: initial;
        border: 1px solid transparent;
        font-weight: 600; }
        div#cs-mobile-app color-browser-navigation .menu_list a span {
          display: block;
          font-weight: normal;
          font-size: 12px; }
          @media (max-width: 350px) {
            div#cs-mobile-app color-browser-navigation .menu_list a span {
              display: none; } }
          @media (min-width: 992px) {
            div#cs-mobile-app color-browser-navigation .menu_list a span {
              text-transform: initial; } }
        div#cs-mobile-app color-browser-navigation .menu_list a.search-look {
          text-align: center; }
          div#cs-mobile-app color-browser-navigation .menu_list a.search-look .img.search {
            width: 22px;
            margin: 4px auto; }
            @media (min-width: 992px) {
              div#cs-mobile-app color-browser-navigation .menu_list a.search-look .img.search {
                width: 16px;
                margin: 0 auto; } }
            div#cs-mobile-app color-browser-navigation .menu_list a.search-look .img.search svg {
              overflow: visible !important; }
              div#cs-mobile-app color-browser-navigation .menu_list a.search-look .img.search svg .cls-1 {
                fill: #707070;
                stroke: #707070;
                stroke-width: 1px; }
          @media (min-width: 992px) {
            div#cs-mobile-app color-browser-navigation .menu_list a.search-look {
              margin-right: 50px; } }
          div#cs-mobile-app color-browser-navigation .menu_list a.search-look span {
            display: none; }
            @media (min-width: 992px) {
              div#cs-mobile-app color-browser-navigation .menu_list a.search-look span {
                display: block; } }
          @media (min-width: 992px) {
            div#cs-mobile-app color-browser-navigation .menu_list a.search-look {
              background-position-y: 4px;
              text-transform: initial; } }
        div#cs-mobile-app color-browser-navigation .menu_list a:hover {
          color: #707070;
          cursor: pointer; }
        div#cs-mobile-app color-browser-navigation .menu_list a.active {
          color: #0072BC;
          background-color: #fff;
          border-top: 1px #D8D8D8 solid;
          border-left: 1px #D8D8D8 solid;
          border-right: 1px #D8D8D8 solid;
          border-bottom: 2px #fff solid;
          font-weight: bold; }
          div#cs-mobile-app color-browser-navigation .menu_list a.active span {
            font-weight: normal; }
          div#cs-mobile-app color-browser-navigation .menu_list a.active .img.search svg .cls-1 {
            fill: #0072BC;
            stroke: #0072BC; }
        @media (max-width: 350px) {
          div#cs-mobile-app color-browser-navigation .menu_list a {
            font-size: 12px; } }
        div#cs-mobile-app color-browser-navigation .menu_list a:first-child {
          margin-left: 2px; }
          @media (min-width: 992px) {
            div#cs-mobile-app color-browser-navigation .menu_list a:first-child {
              margin-left: 50px; } }
        @media (min-width: 992px) {
          div#cs-mobile-app color-browser-navigation .menu_list a {
            width: initial;
            padding: 13px;
            width: 40%;
            font-size: 16px; } }
  div#cs-mobile-app color-browser {
    width: 100%;
    display: block;
    position: relative; }
    @media (min-width: 992px) {
      div#cs-mobile-app color-browser .color-browser {
        display: flex;
        justify-content: space-between;
        width: 992px;
        margin-right: auto;
        margin-left: auto; } }
    @media (min-width: 1200px) {
      div#cs-mobile-app color-browser .color-browser {
        width: 1200px; } }
    @media (max-width: 991px) {
      div#cs-mobile-app color-browser .color-browser .palette-container {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: -10px;
        z-index: 10; } }
    @media (min-width: 992px) {
      div#cs-mobile-app color-browser .color-browser .palette-container,
      div#cs-mobile-app color-browser .color-browser .color-browser-container {
        vertical-align: top;
        display: inline-block; } }
    div#cs-mobile-app color-browser h2 {
      color: #484848; }
    div#cs-mobile-app color-browser .modal.fade .modal-dialog {
      transform: translateY(-150%);
      top: 0; }
    div#cs-mobile-app color-browser .modal.in .modal-dialog {
      transform: translateY(0);
      top: 4px; }
    div#cs-mobile-app color-browser .modal .modal-dialog {
      top: 0;
      margin: 0;
      width: 80vw; }
      div#cs-mobile-app color-browser .modal .modal-dialog .modal-content {
        text-align: left; }
        div#cs-mobile-app color-browser .modal .modal-dialog .modal-content nav a {
          text-align: left; }
        div#cs-mobile-app color-browser .modal .modal-dialog .modal-content nav .nested {
          position: relative;
          padding-left: 10vw;
          overflow-y: hidden;
          max-height: 1000px;
          /*
            @include transition(0.66s ease-in-out max-height);
            &.ng-hide-add, &.ng-hide-remove {
              @include transition(0.66s ease-in-out max-height);
            }
            &.ng-hide-add {
              max-height: 1000px;
              &.ng-hide-add-active {
                max-height:0px;
              }
            }
            &.ng-hide-remove {
              max-height:0px;
              &.ng-hide-remove-active {
                max-height: 1000px;
              }
            }
            */ }
    @media (max-width: 350px) {
      div#cs-mobile-app color-browser .padded-container .pure-g {
        font-size: 12px; } }
    div#cs-mobile-app color-browser .color-browser {
      box-sizing: border-box; }
      div#cs-mobile-app color-browser .color-browser h5 {
        padding-left: 5.2%; }
      div#cs-mobile-app color-browser .color-browser li.active {
        font-weight: bold; }
      div#cs-mobile-app color-browser .color-browser .one-click-mode mobile-chipset .swatch:after, div#cs-mobile-app color-browser .color-browser .one-click-mode mobile-chipset .swatch-add-color:after {
        content: ' ';
        background-image: url("/binaries/content/assets/kilz/css/colorvisualizer/images/plus_icon.svg");
        background-size: 50%;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        text-align: center;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
      div#cs-mobile-app color-browser .color-browser .one-click-mode mobile-chipset .swatch.none:after, div#cs-mobile-app color-browser .color-browser .one-click-mode mobile-chipset .none.swatch-add-color:after, div#cs-mobile-app color-browser .color-browser .one-click-mode mobile-chipset .swatch.in-palette:after, div#cs-mobile-app color-browser .color-browser .one-click-mode mobile-chipset .in-palette.swatch-add-color:after {
        background: none; }
      div#cs-mobile-app color-browser .color-browser .animation-container {
        position: relative; }
        @media (min-width: 992px) {
          div#cs-mobile-app color-browser .color-browser .animation-container {
            border-left: 1px #D8D8D8 solid; } }
        div#cs-mobile-app color-browser .color-browser .animation-container .browser-container {
          padding: 0 20px;
          width: 100%;
          z-index: 0; }
          @media (min-width: 992px) {
            div#cs-mobile-app color-browser .color-browser .animation-container .browser-container {
              padding: 0 0 0 30px;
              min-height: 500px;
              position: relative;
              left: 10px; }
              div#cs-mobile-app color-browser .color-browser .animation-container .browser-container color-search {
                position: relative;
                right: 10px; } }
          div#cs-mobile-app color-browser .color-browser .animation-container .browser-container.ng-hide-add {
            position: absolute;
            top: 0;
            left: 0; }
          .color-browser .browser-container .vertical-scroll:last-child:after {
            content: ' ';
            height: 46px;
            display: block;
            width: 100%; }
          .browserPalette-half-open .color-browser .browser-container .vertical-scroll:last-child:after {
            content: ' ';
            height: 46px;
            padding-bottom: 16vw;
            box-sizing: content-box;
            display: block;
            width: 100%; }
  div#cs-mobile-app pyp {
    -webkit-perspective: 1000;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    width: 100%;
    position: relative; }
    div#cs-mobile-app pyp .undo-button-container {
      position: absolute;
      top: -34px;
      right: 12px; }
      div#cs-mobile-app pyp .undo-button-container .pyp_button_undo.inactive {
        display: none; }
    div#cs-mobile-app pyp .panzoom {
      width: 706px;
      height: 508px;
      display: inline-block;
      vertical-align: baseline; }
    div#cs-mobile-app pyp .pypCanvas {
      overflow: hidden;
      position: relative;
      -webkit-perspective: 1000;
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
      div#cs-mobile-app pyp .pypCanvas.cursor-bucket {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/paintcan.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush1 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor1.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush2 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor2.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush3 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor3.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush4 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor4.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush5 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor5.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush6 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor6.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush7 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor7.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush8 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor8.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush9 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor9.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-brush10 {
        cursor: url(/binaries/content/assets/kilz/css/colorvisualizer/images/cursor10.cur), pointer; }
      div#cs-mobile-app pyp .pypCanvas.cursor-masking {
        cursor: crosshair; }
      div#cs-mobile-app pyp .pypCanvas canvas,
      div#cs-mobile-app pyp .pypCanvas img,
      div#cs-mobile-app pyp .pypCanvas canvas-container {
        line-height: 0;
        display: block;
        height: auto;
        width: auto;
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        display: block;
        transform-origin: left top; }
        div#cs-mobile-app pyp .pypCanvas canvas *,
        div#cs-mobile-app pyp .pypCanvas img *,
        div#cs-mobile-app pyp .pypCanvas canvas-container * {
          line-height: normal; }
    div#cs-mobile-app pyp #pypIsBusyOverlay {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 99999;
      width: 100%;
      height: 100%;
      cursor: default;
      background: rgba(255, 255, 255, 0.7); }
      div#cs-mobile-app pyp #pypIsBusyOverlay,
      div#cs-mobile-app pyp #pypIsBusyOverlay * {
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      div#cs-mobile-app pyp #pypIsBusyOverlay .pypIsBusyOverlay-inner {
        width: 100%;
        padding-top: 40%; }
    div#cs-mobile-app pyp .pyp-controls {
      z-index: 3;
      margin-top: 6px; }
      div#cs-mobile-app pyp .pyp-controls > * {
        display: inline-block; }
      div#cs-mobile-app pyp .pyp-controls .right-controls {
        float: right; }
        div#cs-mobile-app pyp .pyp-controls .right-controls > * {
          display: inline-block; }
        div#cs-mobile-app pyp .pyp-controls .right-controls .questionmark {
          margin-top: 3px; }
      div#cs-mobile-app pyp .pyp-controls .button {
        min-width: initial;
        width: 70px;
        text-align: center;
        padding: 0px;
        margin: 0 5px 0 0;
        border: 1px #A61631 solid;
        height: 38px;
        vertical-align: top; }
        @media (min-width: 992px) {
          div#cs-mobile-app pyp .pyp-controls .button.mask div {
            top: 0px; } }
        div#cs-mobile-app pyp .pyp-controls .button.clear div {
          width: 10px;
          height: 10px;
          top: 1px; }
        div#cs-mobile-app pyp .pyp-controls .button div.img {
          width: 15px;
          height: 13px;
          display: inline-block;
          position: relative;
          top: 0;
          margin-right: 0; }
          div#cs-mobile-app pyp .pyp-controls .button div.img.bucket {
            top: 2px; }
          div#cs-mobile-app pyp .pyp-controls .button div.img.clear {
            width: 9px;
            height: 9px; }
        div#cs-mobile-app pyp .pyp-controls .button span {
          display: inline-block;
          line-height: 36px;
          font-size: 12px;
          text-transform: uppercase; }
      div#cs-mobile-app pyp .pyp-controls .active {
        background: #A61631; }
        div#cs-mobile-app pyp .pyp-controls .active span {
          color: #fff; }
        div#cs-mobile-app pyp .pyp-controls .active svg path {
          fill: #fff; }
          div#cs-mobile-app pyp .pyp-controls .active svg path.cls-1 {
            stroke: none; }
      div#cs-mobile-app pyp .pyp-controls .switch {
        margin-left: 10px;
        margin-right: 4px;
        position: relative;
        display: inline-block;
        width: 80px;
        height: 38px;
        /* Rounded sliders */ }
        div#cs-mobile-app pyp .pyp-controls .switch input {
          opacity: 0;
          width: 0;
          height: 0; }
        div#cs-mobile-app pyp .pyp-controls .switch .slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #ccc;
          -webkit-transition: .6s;
          transition: .6s; }
          div#cs-mobile-app pyp .pyp-controls .switch .slider::before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 16px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s; }
        div#cs-mobile-app pyp .pyp-controls .switch input:checked + .slider {
          background-color: #A61631; }
        div#cs-mobile-app pyp .pyp-controls .switch input:focus + .slider {
          box-shadow: 0 0 1p #A61631; }
        div#cs-mobile-app pyp .pyp-controls .switch input:checked + .slider:before {
          -webkit-transform: translateX(36px);
          -ms-transform: translateX(36px);
          transform: translateX(36px);
          border: 1px #000 solid; }
        div#cs-mobile-app pyp .pyp-controls .switch .slider.round {
          border-radius: 34px; }
          div#cs-mobile-app pyp .pyp-controls .switch .slider.round::before {
            border-radius: 50%; }
      div#cs-mobile-app pyp .pyp-controls .bucket {
        margin-left: 0px;
        width: 86px; }
    div#cs-mobile-app pyp .mobile-controls {
      display: block; }
    div#cs-mobile-app pyp .desktop-controls {
      display: none; }
    @media (min-width: 992px) {
      div#cs-mobile-app pyp .desktop-controls {
        display: block; }
      div#cs-mobile-app pyp .mobile-controls {
        display: none; } }
  div#cs-mobile-app pyp-help {
    border: 1px #000 solid;
    color: #0072BC; }
  div#cs-mobile-app pyp-tools-tolerance, div#cs-mobile-app pyp-tools-eraser-radius,
  div#cs-mobile-app pyp-tools-brush-radius {
    line-height: 0;
    display: block;
    height: auto;
    width: auto;
    display: inline-block;
    padding: 8px 10px;
    position: relative;
    top: -88px;
    height: 44px;
    background: rgba(255, 255, 255, 0.7); }
    div#cs-mobile-app pyp-tools-tolerance *, div#cs-mobile-app pyp-tools-eraser-radius *, div#cs-mobile-app pyp-tools-brush-radius * {
      line-height: normal; }
  div#cs-mobile-app pyp-tools-tolerance input {
    vertical-align: text-bottom; }
  div#cs-mobile-app pyp-tools-tolerance button {
    border-left: 1px solid #707070;
    padding-left: 4px;
    margin-left: 4px;
    height: 100%; }
  div#cs-mobile-app pyp-tools-eraser-radius .brush,
  div#cs-mobile-app pyp-tools-eraser-radius .eraser,
  div#cs-mobile-app pyp-tools-brush-radius .brush,
  div#cs-mobile-app pyp-tools-brush-radius .eraser {
    width: 30px;
    height: 100%;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #707070; }
    div#cs-mobile-app pyp-tools-eraser-radius .brush .cls-1,
    div#cs-mobile-app pyp-tools-eraser-radius .eraser .cls-1,
    div#cs-mobile-app pyp-tools-brush-radius .brush .cls-1,
    div#cs-mobile-app pyp-tools-brush-radius .eraser .cls-1 {
      fill: #707070;
      stroke: #707070; }
  div#cs-mobile-app pyp-tools-eraser-radius .eraser,
  div#cs-mobile-app pyp-tools-brush-radius .eraser {
    width: 38px;
    padding-top: 2px; }
  div#cs-mobile-app pyp-tools-eraser-radius .circle-container,
  div#cs-mobile-app pyp-tools-brush-radius .circle-container {
    display: flex;
    align-items: center;
    height: 100%; }
  div#cs-mobile-app pyp-tools-eraser-radius .size-4,
  div#cs-mobile-app pyp-tools-brush-radius .size-4 {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #707070;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 23px; }
    div#cs-mobile-app pyp-tools-eraser-radius .size-4.active,
    div#cs-mobile-app pyp-tools-brush-radius .size-4.active {
      background: #484848; }
  div#cs-mobile-app pyp-tools-eraser-radius .size-6,
  div#cs-mobile-app pyp-tools-brush-radius .size-6 {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background: #707070;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 23px; }
    div#cs-mobile-app pyp-tools-eraser-radius .size-6.active,
    div#cs-mobile-app pyp-tools-brush-radius .size-6.active {
      background: #484848; }
  div#cs-mobile-app pyp-tools-eraser-radius .size-8,
  div#cs-mobile-app pyp-tools-brush-radius .size-8 {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #707070;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 23px; }
    div#cs-mobile-app pyp-tools-eraser-radius .size-8.active,
    div#cs-mobile-app pyp-tools-brush-radius .size-8.active {
      background: #484848; }
  div#cs-mobile-app pyp-tools-eraser-radius .size-10,
  div#cs-mobile-app pyp-tools-brush-radius .size-10 {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 19px;
    background: #707070;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 23px; }
    div#cs-mobile-app pyp-tools-eraser-radius .size-10.active,
    div#cs-mobile-app pyp-tools-brush-radius .size-10.active {
      background: #484848; }
  div#cs-mobile-app pyp-tools-eraser-radius .size-13,
  div#cs-mobile-app pyp-tools-brush-radius .size-13 {
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 23px;
    background: #707070;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 23px; }
    div#cs-mobile-app pyp-tools-eraser-radius .size-13.active,
    div#cs-mobile-app pyp-tools-brush-radius .size-13.active {
      background: #484848; }
  div#cs-mobile-app pyp-tools-eraser-radius {
    left: 88px; }
  div#cs-mobile-app pyp-tools-brush-radius {
    left: 18px; }
  div#cs-mobile-app .mask-overlay {
    position: relative;
    left: 130px;
    top: -88px;
    height: 44px;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1;
    display: inline-block; }
    div#cs-mobile-app .mask-overlay .control-container {
      display: flex;
      align-items: center;
      height: 100%; }
      div#cs-mobile-app .mask-overlay .control-container > * {
        border-right: 1px solid #707070;
        height: 100%; }
      div#cs-mobile-app .mask-overlay .control-container button {
        text-transform: uppercase;
        width: 64px;
        font-size: 8px; }
        div#cs-mobile-app .mask-overlay .control-container button .mask-line,
        div#cs-mobile-app .mask-overlay .control-container button .mask-poly {
          width: 30px;
          margin: 2px auto; }
        div#cs-mobile-app .mask-overlay .control-container button .mask_line,
        div#cs-mobile-app .mask-overlay .control-container button .mask_poly {
          stroke: #707070;
          fill: none; }
        div#cs-mobile-app .mask-overlay .control-container button.active {
          background: rgba(70, 70, 70, 0.7);
          color: #fff; }
          div#cs-mobile-app .mask-overlay .control-container button.active .mask_line,
          div#cs-mobile-app .mask-overlay .control-container button.active .mask_poly {
            stroke: #fff;
            fill: none; }
      div#cs-mobile-app .mask-overlay .control-container .mask {
        width: 40px;
        display: inline-block;
        padding: 12px 8px; }
        div#cs-mobile-app .mask-overlay .control-container .mask .cls-1 {
          fill: #707070;
          stroke: #707070; }
  div#cs-mobile-app pyp-images .pyp-upload-button {
    width: 175px;
    border: 3px dashed #c5c2bf;
    height: 100px;
    display: inline-block;
    margin-top: 1.7%;
    margin-bottom: 2%;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url("/binaries/content/assets/kilz/css/colorvisualizer/images/plus_icon.svg");
    background-size: 20%;
    background-position: center center;
    background-repeat: no-repeat; }
    div#cs-mobile-app pyp-images .pyp-upload-button.smaller {
      vertical-align: top;
      width: 100px;
      height: 66px;
      margin-left: 22px; }
  div#cs-mobile-app pyp-images .room-thumb-wrapper {
    position: relative;
    display: inline-block; }
    div#cs-mobile-app pyp-images .room-thumb-wrapper:last-child {
      margin-right: 37px; }
  div#cs-mobile-app pyp-images img.room-thumb {
    width: 120px; }
  div#cs-mobile-app pyp-images .scrollable-container {
    text-align: center; }
  div#cs-mobile-app pyp-images .upload .photoicon {
    background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/upload-camera.svg) no-repeat center right;
    display: none;
    width: 20px;
    height: 17px;
    line-height: 17px;
    margin-left: 10px; }
  div#cs-mobile-app pyp-upload {
    line-height: 0;
    display: block;
    height: auto;
    width: auto;
    width: 100%;
    background-color: #fff; }
    div#cs-mobile-app pyp-upload * {
      line-height: normal; }
    div#cs-mobile-app pyp-upload .header-info {
      border: none; }
    div#cs-mobile-app pyp-upload .scale_measurement {
      line-height: 0; }
    div#cs-mobile-app pyp-upload .modal-heading {
      text-align: center;
      color: #0072BC;
      font-weight: bold;
      font-size: 14px;
      padding: 20px 40px;
      text-transform: uppercase; }
    div#cs-mobile-app pyp-upload h2 {
      margin-top: 1em;
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      font-weight: 900; }
    div#cs-mobile-app pyp-upload .select_room {
      text-align: center;
      margin-top: 0; }
      @media (min-width: 992px) {
        div#cs-mobile-app pyp-upload .select_room {
          border-bottom: 1px #EBEBEB solid;
          line-height: 100px;
          height: 100px;
          font-size: 32px; } }
    div#cs-mobile-app pyp-upload h4 {
      font-size: 20px;
      margin: 20px auto; }
    div#cs-mobile-app pyp-upload button {
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    div#cs-mobile-app pyp-upload .curtain {
      display: none; }
    @media (min-width: 992px) {
      div#cs-mobile-app pyp-upload {
        min-height: 900px; }
        div#cs-mobile-app pyp-upload .curtain {
          z-index: 1;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.4); }
        div#cs-mobile-app pyp-upload .pyp-image-context {
          z-index: 2;
          background: #fff;
          width: 600px;
          min-height: 300px;
          position: absolute;
          top: 100px;
          left: 50%;
          transform: translateX(-50%); } }
    div#cs-mobile-app pyp-upload #fileToUpload {
      display: none; }
    div#cs-mobile-app pyp-upload #overlay_loading_pyp_project {
      display: none; }
    div#cs-mobile-app pyp-upload #overlay_loading_pyp_image {
      display: none; }
    div#cs-mobile-app pyp-upload .position_photo_container {
      /*
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    */
      margin-bottom: 24px; }
    div#cs-mobile-app pyp-upload .croppie-container {
      -webkit-transform-origin: left top;
      -moz-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    div#cs-mobile-app pyp-upload .position_photo_height_limiter {
      overflow: hidden;
      width: 100%;
      margin-bottom: 12px; }
    div#cs-mobile-app pyp-upload .upload_container_menu {
      text-align: center;
      display: flex;
      justify-content: space-around;
      margin: 10px auto 30px;
      align-items: center; }
      div#cs-mobile-app pyp-upload .upload_container_menu button {
        font-size: 14px;
        position: relative;
        display: inline-block;
        width: 145px;
        min-width: initial;
        line-height: initial;
        padding: 0px;
        margin: 0px;
        height: 50px;
        text-transform: uppercase; }
        div#cs-mobile-app pyp-upload .upload_container_menu button img {
          display: block;
          height: 1.3em;
          margin-left: auto;
          margin-right: auto; }
    div#cs-mobile-app pyp-upload .memo_note {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      padding: 4px;
      width: 230px; }
    div#cs-mobile-app pyp-upload .edit-title {
      font-weight: bold;
      font-size: 14px;
      margin: 10px auto; }
    div#cs-mobile-app pyp-upload .position_photo_canvas_clone,
    div#cs-mobile-app pyp-upload .position_photo_canvas {
      padding: 0 20px;
      position: relative; }
      div#cs-mobile-app pyp-upload .position_photo_canvas_clone .croppie-container .cr-viewport,
      div#cs-mobile-app pyp-upload .position_photo_canvas .croppie-container .cr-viewport {
        border: none; }
      div#cs-mobile-app pyp-upload .position_photo_canvas_clone .magnify-plus,
      div#cs-mobile-app pyp-upload .position_photo_canvas_clone .magnify-minus,
      div#cs-mobile-app pyp-upload .position_photo_canvas .magnify-plus,
      div#cs-mobile-app pyp-upload .position_photo_canvas .magnify-minus {
        display: inline-block;
        margin: 0 20px;
        position: relative;
        top: 1px; }
        @media (max-width: 991px) {
          div#cs-mobile-app pyp-upload .position_photo_canvas_clone .magnify-plus,
          div#cs-mobile-app pyp-upload .position_photo_canvas_clone .magnify-minus,
          div#cs-mobile-app pyp-upload .position_photo_canvas .magnify-plus,
          div#cs-mobile-app pyp-upload .position_photo_canvas .magnify-minus {
            position: absolute;
            top: 20px;
            right: 20px; } }
      div#cs-mobile-app pyp-upload .position_photo_canvas_clone .magnify-minus,
      div#cs-mobile-app pyp-upload .position_photo_canvas .magnify-minus {
        margin-left: 0; }
        @media (max-width: 991px) {
          div#cs-mobile-app pyp-upload .position_photo_canvas_clone .magnify-minus,
          div#cs-mobile-app pyp-upload .position_photo_canvas .magnify-minus {
            bottom: 75px;
            top: initial; } }
      div#cs-mobile-app pyp-upload .position_photo_canvas_clone .ninety-degree-left,
      div#cs-mobile-app pyp-upload .position_photo_canvas_clone .ninety-degree-right,
      div#cs-mobile-app pyp-upload .position_photo_canvas .ninety-degree-left,
      div#cs-mobile-app pyp-upload .position_photo_canvas .ninety-degree-right {
        font-weight: bold;
        text-transform: uppercase;
        width: 90px;
        min-width: initial;
        text-align: center;
        display: inline-block;
        margin-right: 10px;
        border: 1px #EBEBEB solid;
        background: #EBEBEB; }
        div#cs-mobile-app pyp-upload .position_photo_canvas_clone .ninety-degree-left img,
        div#cs-mobile-app pyp-upload .position_photo_canvas_clone .ninety-degree-right img,
        div#cs-mobile-app pyp-upload .position_photo_canvas .ninety-degree-left img,
        div#cs-mobile-app pyp-upload .position_photo_canvas .ninety-degree-right img {
          height: 1em;
          margin-right: 0.3em;
          position: relative;
          top: 1px; }
        div#cs-mobile-app pyp-upload .position_photo_canvas_clone .ninety-degree-left:hover,
        div#cs-mobile-app pyp-upload .position_photo_canvas_clone .ninety-degree-right:hover,
        div#cs-mobile-app pyp-upload .position_photo_canvas .ninety-degree-left:hover,
        div#cs-mobile-app pyp-upload .position_photo_canvas .ninety-degree-right:hover {
          border: 1px #A61631 solid; }
      div#cs-mobile-app pyp-upload .position_photo_canvas_clone .reset,
      div#cs-mobile-app pyp-upload .position_photo_canvas .reset {
        width: 80px;
        min-width: initial;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        position: absolute;
        right: 20px;
        line-height: 33px;
        height: 37px;
        text-transform: uppercase;
        border: 1px #A61631 solid; }
    div#cs-mobile-app pyp-upload .tip {
      margin-top: 20px;
      background-color: #0072BC;
      padding: 10px;
      align-items: center; }
      div#cs-mobile-app pyp-upload .tip img {
        height: 2.8em; }
      div#cs-mobile-app pyp-upload .tip div {
        line-height: initial;
        padding: 0 10px; }
        div#cs-mobile-app pyp-upload .tip div:first-child {
          text-align: center; }
        div#cs-mobile-app pyp-upload .tip div:last-child {
          color: #fff; }
    div#cs-mobile-app pyp-upload .done {
      margin-top: 12px;
      border: 1px #A61631 solid; }
    div#cs-mobile-app pyp-upload .reload {
      display: block;
      margin: 20px 0;
      text-align: center;
      color: #A61631;
      font-size: 10px; }
    div#cs-mobile-app pyp-upload .upload_container {
      margin: 0px;
      padding: 0px;
      text-align: center; }
      div#cs-mobile-app pyp-upload .upload_container p {
        padding-top: 174px;
        min-height: 263px;
        width: 100%;
        display: inline-block;
        position: relative;
        background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/plus_icon.svg") 50% 75px no-repeat;
        background-size: 59px 59px;
        border: 2px dashed #c5c2bf;
        color: #707070;
        font-size: 16px;
        text-align: center; }
    div#cs-mobile-app pyp-upload .pyp_processing {
      position: static;
      z-index: 999999;
      padding-top: 100px;
      left: 0;
      top: 0px;
      bottom: 0;
      width: 100%;
      height: calc(100% - 1px);
      overflow: auto;
      opacity: .5;
      background-color: black;
      background-color: rgba(0, 0, 0, 0.4); }
      div#cs-mobile-app pyp-upload .pyp_processing h5 {
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    div#cs-mobile-app pyp-upload .processing-bar-modal {
      color: #484848;
      z-index: 99999999;
      padding-top: 100px;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.4);
      position: absolute; }
      div#cs-mobile-app pyp-upload .processing-bar-modal .processing-bar-content {
        background-color: #fff;
        margin: 200px auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%; }
        @media (min-width: 992px) {
          div#cs-mobile-app pyp-upload .processing-bar-modal .processing-bar-content {
            width: 350px; } }
        div#cs-mobile-app pyp-upload .processing-bar-modal .processing-bar-content .processing-bar-text {
          color: #707070;
          text-align: center; }
        div#cs-mobile-app pyp-upload .processing-bar-modal .processing-bar-content .processing-bar-cover {
          border-radius: 25px;
          border: 1px #A61631 solid;
          width: 100%;
          padding: 1px; }
          div#cs-mobile-app pyp-upload .processing-bar-modal .processing-bar-content .processing-bar-cover .processing-bar-inner {
            -moz-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            height: 10px;
            background-color: #A61631;
            border-radius: 8px; }
  div#cs-mobile-app room-picker {
    width: 100%;
    padding-bottom: 40px; }
    @media (max-width: 991px) {
      div#cs-mobile-app room-picker .palette-container {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: -10px;
        z-index: 10; } }
    div#cs-mobile-app room-picker .pagination-dots {
      display: none; }
    @media (min-width: 992px) {
      div#cs-mobile-app room-picker .room-picker-flex-container {
        display: flex;
        justify-content: space-between;
        width: 992px;
        margin-right: auto;
        margin-left: auto; } }
    div#cs-mobile-app room-picker .room-picker {
      padding: 0px; }
      @media (min-width: 992px) {
        div#cs-mobile-app room-picker .room-picker.adaptive-container .header-info, div#cs-mobile-app room-picker mobile-visualizer-page .room-picker.visualizer-page-container .header-info, div#cs-mobile-app mobile-visualizer-page room-picker .room-picker.visualizer-page-container .header-info, div#cs-mobile-app room-picker color-browser .room-picker.color-browser-padding .header-info, div#cs-mobile-app color-browser room-picker .room-picker.color-browser-padding .header-info,
        div#cs-mobile-app room-picker .room-picker.adaptive-container .border-container,
        div#cs-mobile-app room-picker mobile-visualizer-page .room-picker.visualizer-page-container .border-container,
        div#cs-mobile-app mobile-visualizer-page room-picker .room-picker.visualizer-page-container .border-container,
        div#cs-mobile-app room-picker color-browser .room-picker.color-browser-padding .border-container,
        div#cs-mobile-app color-browser room-picker .room-picker.color-browser-padding .border-container {
          padding-left: 40px;
          margin-left: 20px; } }
      div#cs-mobile-app room-picker .room-picker .border-container {
        border-left: 1px solid #EBEBEB; }
      div#cs-mobile-app room-picker .room-picker .header-info {
        padding-bottom: 0;
        border-bottom: none; }
        div#cs-mobile-app room-picker .room-picker .header-info .select_room {
          font-weight: 900;
          font-size: 20px;
          display: block;
          text-align: center;
          margin-top: 0; }
          @media (min-width: 992px) {
            div#cs-mobile-app room-picker .room-picker .header-info .select_room {
              border-bottom: 1px #EBEBEB solid;
              line-height: 100px;
              height: 100px;
              font-size: 32px;
              width: 80%;
              margin: 0 auto; } }
        @media (min-width: 992px) {
          div#cs-mobile-app room-picker .room-picker .header-info {
            border: none; } }
      div#cs-mobile-app room-picker .room-picker .see_color {
        font-weight: normal;
        font-size: 14px;
        display: block;
        text-align: center;
        margin-top: 14px;
        margin-bottom: 7px; }
        @media (min-width: 992px) {
          div#cs-mobile-app room-picker .room-picker .see_color {
            line-height: 40px;
            height: 40px;
            font-weight: bold;
            font-size: 20px; } }
      div#cs-mobile-app room-picker .room-picker .upload {
        width: 184px;
        margin-left: auto;
        margin-right: auto;
        text-transform: uppercase;
        border-width: 1px; }
        @media (min-width: 992px) {
          div#cs-mobile-app room-picker .room-picker .upload {
            border-width: 2px;
            margin-top: 16px;
            line-height: 46px;
            height: 51px;
            width: 277px;
            font-size: 14px; }
            div#cs-mobile-app room-picker .room-picker .upload .photoicon {
              display: inline-block; } }
      div#cs-mobile-app room-picker .room-picker pyp-images .description {
        display: block;
        top: 5px;
        line-height: 26px;
        text-align: center; }
        div#cs-mobile-app room-picker .room-picker pyp-images .description.oritem, div#cs-mobile-app room-picker .room-picker pyp-images .description.desktop-msg {
          display: block; }
          @media (min-width: 992px) {
            div#cs-mobile-app room-picker .room-picker pyp-images .description.oritem, div#cs-mobile-app room-picker .room-picker pyp-images .description.desktop-msg {
              display: none; } }
        div#cs-mobile-app room-picker .room-picker pyp-images .description.condition {
          display: none; }
          @media (min-width: 992px) {
            div#cs-mobile-app room-picker .room-picker pyp-images .description.condition {
              display: block;
              margin-top: 10px; } }
          div#cs-mobile-app room-picker .room-picker pyp-images .description.condition a {
            color: #707070;
            text-decoration: underline; }
          div#cs-mobile-app room-picker .room-picker pyp-images .description.condition .terms {
            color: #707070;
            margin-bottom: 30px;
            line-height: 1.4; }
          div#cs-mobile-app room-picker .room-picker pyp-images .description.condition .spacer {
            margin-bottom: 20px; }
          div#cs-mobile-app room-picker .room-picker pyp-images .description.condition .scene {
            font-weight: 900;
            font-size: 20px;
            margin-bottom: 30px; }
      div#cs-mobile-app room-picker .room-picker .roomtab {
        text-align: center;
        margin-left: auto;
        margin-right: auto; }
        @media (min-width: 992px) {
          div#cs-mobile-app room-picker .room-picker .roomtab {
            height: 59px; } }
        div#cs-mobile-app room-picker .room-picker .roomtab .tabselection {
          border-bottom: 1px #EBEBEB solid; }
          @media (min-width: 992px) {
            div#cs-mobile-app room-picker .room-picker .roomtab .tabselection {
              display: inline-block;
              border: none;
              position: relative;
              top: 1px; } }
          div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button {
            width: 100%;
            font-weight: normal;
            text-align: left; }
            div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button roompicker-visualizer {
              padding: 2px;
              display: inline-block;
              margin-left: 30px;
              margin-top: 2px;
              height: 46px; }
              div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button roompicker-visualizer img {
                border: none;
                width: 40px;
                height: 40px; }
              @media (min-width: 992px) {
                div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button roompicker-visualizer {
                  display: none; } }
            div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button span {
              display: inline-block;
              height: 46px;
              line-height: 46px;
              position: absolute;
              margin-right: 5px;
              margin-left: 15px;
              color: #A61631;
              text-transform: uppercase;
              font-weight: bold; }
              @media (min-width: 992px) {
                div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button span {
                  text-transform: initial;
                  color: #666666;
                  margin-left: 5px;
                  font-weight: 600;
                  height: 44px;
                  padding: 0 15px;
                  display: block;
                  width: 110px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  line-height: 1.2; } }
            div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button.arrow_down {
              background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/arrow_down.svg) no-repeat center right;
              background-size: 16px;
              background-position: right 15px center; }
              @media (min-width: 992px) {
                div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button.arrow_down span {
                  color: #666666; } }
            div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button.arrow_up {
              background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/arrow_up.svg) no-repeat center right;
              background-size: 16px;
              background-position: right 15px center; }
              @media (min-width: 992px) {
                div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button.arrow_up span {
                  border-top: 1px #EBEBEB solid;
                  border-left: 1px #EBEBEB solid;
                  border-right: 1px #EBEBEB solid;
                  border-bottom: 1px #fff solid;
                  background: #fff;
                  color: #0072BC; } }
            @media (min-width: 992px) {
              div#cs-mobile-app room-picker .room-picker .roomtab .tabselection button.room-picker-button {
                border: none;
                width: 110px;
                display: inline-block;
                text-align: center;
                padding-left: 8px;
                padding-right: 8px;
                margin-left: 0px;
                margin-right: 0px;
                border: none;
                height: initial;
                line-height: initial; } }
          div#cs-mobile-app room-picker .room-picker .roomtab .tabselection paginated-carousel {
            margin-bottom: 10px;
            width: 100%; }
            div#cs-mobile-app room-picker .room-picker .roomtab .tabselection paginated-carousel .scrollable-container {
              padding-left: 10px; }
            div#cs-mobile-app room-picker .room-picker .roomtab .tabselection paginated-carousel .room-thumb {
              margin-right: 6px;
              padding: 0px;
              display: inline-block; }
              div#cs-mobile-app room-picker .room-picker .roomtab .tabselection paginated-carousel .room-thumb visualizer canvas {
                height: 130px;
                width: 130px; }
            @media (min-width: 992px) {
              div#cs-mobile-app room-picker .room-picker .roomtab .tabselection paginated-carousel {
                display: none; } }
        @media (min-width: 992px) {
          div#cs-mobile-app room-picker .room-picker .roomtab {
            border-bottom: 1px #EBEBEB solid; } }
    div#cs-mobile-app room-picker .tabdata {
      display: none;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 992px) {
        div#cs-mobile-app room-picker .tabdata {
          display: block; }
          div#cs-mobile-app room-picker .tabdata .pure-g {
            padding-top: 10px;
            margin-left: -5px;
            margin-right: -5px; }
          div#cs-mobile-app room-picker .tabdata .roompicker-visualizer-container {
            padding: 5px; }
          div#cs-mobile-app room-picker .tabdata roompicker-visualizer {
            padding: 0;
            overflow: hidden; }
            div#cs-mobile-app room-picker .tabdata roompicker-visualizer img {
              border: none;
              width: 135%;
              height: auto; } }
  .locale-cl browser-palette .content .padded-container buy-button,
  .locale-mx browser-palette .content .padded-container buy-button {
    /* Hide Buy Samples, Buy These Colors btns */
    display: none; }
  div#cs-mobile-app browser-palette similar-colors .other-colors-title {
    font-weight: 900; }
  div#cs-mobile-app browser-palette similar-colors .similarColor {
    cursor: pointer; }
  div#cs-mobile-app browser-palette similar-colors color-chip {
    width: 75px; }
    div#cs-mobile-app browser-palette similar-colors color-chip .swatch, div#cs-mobile-app browser-palette similar-colors color-chip .swatch-add-color {
      background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/circled_plus_white.svg) no-repeat center center;
      background-size: 35px; }
      div#cs-mobile-app browser-palette similar-colors color-chip .swatch.in-palette, div#cs-mobile-app browser-palette similar-colors color-chip .in-palette.swatch-add-color {
        background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/check.svg) no-repeat center center;
        background-size: 20px; }
  div#cs-mobile-app browser-palette similar-colors .slick-arrow {
    cursor: pointer; }
  div#cs-mobile-app browser-palette similar-colors .slick-track {
    margin-left: 0; }
  div#cs-mobile-app browser-palette .modal-backdrop {
    background: transparent; }
  div#cs-mobile-app browser-palette .kilz-button.visual-paint {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    display: inline-block;
    min-width: initial;
    right: 16px;
    padding: 0 10px; }
    div#cs-mobile-app browser-palette .kilz-button.visual-paint.floating {
      position: absolute; }
    div#cs-mobile-app browser-palette .kilz-button.visual-paint div.img.cart {
      width: 1.2em;
      height: 1.2em;
      vertical-align: -7%; }
    div#cs-mobile-app browser-palette .kilz-button.visual-paint div.img.brush {
      width: 1.2em;
      height: 1.2em;
      vertical-align: -20%; }
    div#cs-mobile-app browser-palette .kilz-button.visual-paint div.img.chevron {
      width: 1.0em;
      height: 1.0em;
      vertical-align: -8%; }
  div#cs-mobile-app browser-palette .content {
    border-bottom: 1px #ddccdd solid;
    box-shadow: 3px 3px 6px 0px #D8D8D8;
    padding: 0px;
    margin: 0px;
    margin-bottom: 8px;
    z-index: 100;
    display: block;
    position: relative;
    text-align: left;
    background-color: #fff;
    left: 0;
    overflow: visible; }
    @media (min-width: 992px) {
      div#cs-mobile-app browser-palette .content {
        margin: 0 auto 8px auto;
        width: 350px;
        box-shadow: none;
        border: none; } }
    div#cs-mobile-app browser-palette .content .padded-container {
      position: relative;
      padding: 10px 10px 20px; }
      @media (min-width: 992px) {
        div#cs-mobile-app browser-palette .content .padded-container {
          padding: 20px 0 20px 10px;
          margin-top: 20px; } }
      div#cs-mobile-app browser-palette .content .padded-container .color-grid .pure-u-1-8 {
        max-width: 43px; }
      div#cs-mobile-app browser-palette .content .padded-container .chipshadow {
        border: none; }
        div#cs-mobile-app browser-palette .content .padded-container .chipshadow > div {
          box-shadow: 3px 3px 6px 0px #BCB5B5; }
          div#cs-mobile-app browser-palette .content .padded-container .chipshadow > div:after {
            content: ' ';
            position: absolute;
            bottom: -18px;
            left: 0;
            right: 0;
            height: 20px;
            background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/chip_arrow.svg) no-repeat center center;
            background-size: 12px; }
      div#cs-mobile-app browser-palette .content .padded-container .selection-view {
        position: relative;
        height: 62px;
        margin-top: 20px; }
        @media (min-width: 992px) {
          div#cs-mobile-app browser-palette .content .padded-container .selection-view {
            padding: 0px;
            border-bottom: 1px solid #D8D8D8;
            position: relative; } }
        div#cs-mobile-app browser-palette .content .padded-container .selection-view color-chip {
          padding: 0;
          margin: 0;
          display: inline-block;
          position: absolute; }
        div#cs-mobile-app browser-palette .content .padded-container .selection-view .selectedColor {
          width: 60px;
          height: 60px;
          padding: 0px; }
          @media (min-width: 992px) {
            div#cs-mobile-app browser-palette .content .padded-container .selection-view .selectedColor {
              width: 120px;
              height: 120px; } }
        div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc {
          height: 60px;
          margin-left: 62px; }
          div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc .name-desc {
            position: relative;
            margin-left: 6px;
            font-size: 16px;
            color: #484848;
            top: -2px;
            line-height: 1.2; }
          div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc .name-id {
            margin-left: 6px;
            font-size: 12px;
            color: #666666; }
            @media (min-width: 992px) {
              div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc .name-id {
                font-size: 14px; } }
          div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc .cdp-link {
            margin-top: 4px;
            margin-left: 6px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 600; }
            @media (min-width: 992px) {
              div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc .cdp-link {
                padding-top: 10px; } }
            div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc .cdp-link a {
              cursor: pointer;
              color: #A61631; }
          @media (min-width: 992px) {
            div#cs-mobile-app browser-palette .content .padded-container .selection-view .color-chip-desc {
              margin-left: 130px;
              height: auto; } }
        div#cs-mobile-app browser-palette .content .padded-container .selection-view .detail_delete {
          display: flex;
          align-items: center;
          position: absolute;
          height: 60px;
          right: 0px;
          top: 0px;
          width: 160px; }
          div#cs-mobile-app browser-palette .content .padded-container .selection-view .detail_delete .name-delete {
            position: absolute;
            display: inline-block;
            height: 30px;
            width: 28px;
            right: 0px;
            background: #fff url(/binaries/content/assets/kilz/css/colorvisualizer/images/trash.svg) no-repeat center right;
            cursor: pointer; }
            @media (min-width: 992px) {
              div#cs-mobile-app browser-palette .content .padded-container .selection-view .detail_delete .name-delete {
                display: block;
                position: absolute;
                bottom: 0;
                left: 0; } }
          @media (min-width: 992px) {
            div#cs-mobile-app browser-palette .content .padded-container .selection-view .detail_delete {
              display: block;
              position: absolute;
              margin-left: 130px;
              width: initial;
              height: 30px;
              left: 0;
              bottom: 20px;
              top: initial; } }
        @media (min-width: 992px) {
          div#cs-mobile-app browser-palette .content .padded-container .selection-view {
            height: 140px; } }
      div#cs-mobile-app browser-palette .content .padded-container .color-title {
        color: #484848;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 900; }
        @media (min-width: 992px) {
          div#cs-mobile-app browser-palette .content .padded-container .color-title {
            margin-bottom: 20px; } }
        div#cs-mobile-app browser-palette .content .padded-container .color-title .count {
          display: none; }
          @media (min-width: 992px) {
            div#cs-mobile-app browser-palette .content .padded-container .color-title .count {
              display: inline-block;
              border-radius: 1.5em;
              width: 1.5em;
              height: 1.5em;
              line-height: 1.4em;
              font-size: 1em;
              color: #fff;
              background: #A61631;
              border: 1px solid #A61631;
              text-align: center; } }
        div#cs-mobile-app browser-palette .content .padded-container .color-title .kilz-button {
          display: none; }
        @media (min-width: 992px) {
          div#cs-mobile-app browser-palette .content .padded-container .color-title::before {
            content: 'My '; }
          div#cs-mobile-app browser-palette .content .padded-container .color-title .kilz-button {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 1em;
            min-width: initial;
            padding: 0 10px; }
            div#cs-mobile-app browser-palette .content .padded-container .color-title .kilz-button img {
              height: 16px;
              width: 16px;
              padding: 0px;
              margin: 0px;
              margin-right: 4px; } }
      div#cs-mobile-app browser-palette .content .padded-container .selection-desc {
        color: #0072BC;
        text-align: center;
        font-size: 16px; }
    div#cs-mobile-app browser-palette .content .pure-g {
      display: block;
      margin-bottom: 1.5vw; }
    div#cs-mobile-app browser-palette .content.hidden {
      bottom: 0px;
      display: block !important;
      -moz-transform: translateY(100%);
      -o-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -webkit-transform: translateY(100%);
      transform: translateY(100%); }
    div#cs-mobile-app browser-palette .content.hide-plus .add-color-container {
      display: none; }
    div#cs-mobile-app browser-palette .content color-chip {
      display: block;
      padding-left: 0;
      padding-right: 6px;
      line-height: 0; }
      div#cs-mobile-app browser-palette .content color-chip .swatch .one-coat-icon, div#cs-mobile-app browser-palette .content color-chip .swatch-add-color .one-coat-icon {
        width: 40%;
        height: 40%; }
    div#cs-mobile-app browser-palette .content quad-chip {
      margin: 0;
      width: 12vw;
      height: 12vw; }
      div#cs-mobile-app browser-palette .content quad-chip .inner {
        border-width: 1px; }
    div#cs-mobile-app browser-palette .content .palette-full-message {
      -moz-transform: translateY(100%);
      -o-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      -moz-transition: 0.3s ease-in-out -moz-transform;
      -o-transition: 0.3s ease-in-out -o-transform;
      -ms-transition: 0.3s ease-in-out -ms-transform;
      -webkit-transition: 0.3s ease-in-out -webkit-transform;
      transition: 0.3s ease-in-out transform;
      position: absolute;
      width: 100%;
      bottom: 100%;
      z-index: -20;
      background: #fff;
      text-align: center; }
      div#cs-mobile-app browser-palette .content .palette-full-message.open {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0); }
      div#cs-mobile-app browser-palette .content .palette-full-message h1 {
        margin-bottom: 15px; }
      div#cs-mobile-app browser-palette .content .palette-full-message .message-container {
        margin: 0 20px 10px auto;
        max-width: 260px; }
      div#cs-mobile-app browser-palette .content .palette-full-message p {
        text-transform: uppercase;
        text-align: left;
        margin: 0; }
      div#cs-mobile-app browser-palette .content .palette-full-message color-chip {
        float: left;
        padding: 0 10px 0 0; }
      @media (min-width: 992px) {
        div#cs-mobile-app browser-palette .content .palette-full-message {
          display: none; } }
  div#cs-mobile-app .swatch-add-color-container {
    max-width: 41px;
    padding-right: 6px; }
  div#cs-mobile-app .swatch-add-color {
    box-sizing: content-box;
    line-height: 0;
    display: block;
    position: relative;
    overflow: visible;
    background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/plus.svg");
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
    border: 1px #8e8e8e dashed; }
    div#cs-mobile-app .swatch-add-color::after {
      content: ' ';
      border-radius: 0%;
      border: 0px solid #8e8e8e;
      line-height: 0;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
  div#cs-mobile-app family-collection-animator {
    line-height: 0;
    display: block;
    height: auto;
    width: auto; }
    div#cs-mobile-app family-collection-animator * {
      line-height: normal; }
    div#cs-mobile-app family-collection-animator .copy {
      -moz-transition: 0.25s ease-in-out opacity;
      -o-transition: 0.25s ease-in-out opacity;
      -ms-transition: 0.25s ease-in-out opacity;
      -webkit-transition: 0.25s ease-in-out opacity;
      transition: 0.25s ease-in-out opacity;
      color: #707070;
      font-family: "Proxima Nova", "proxima-nova", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 1.4;
      letter-spacing: -1px;
      white-space: normal;
      text-align: center;
      opacity: 0; }
    div#cs-mobile-app family-collection-animator .active .copy {
      opacity: 1; }
  div#cs-mobile-app family-collection {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    div#cs-mobile-app family-collection > .vertical-scroll > .pure-g {
      margin-top: 1.6%;
      margin-bottom: 12px; }
      div#cs-mobile-app family-collection > .vertical-scroll > .pure-g button {
        padding-left: 5%;
        padding-right: 5%;
        -webkit-perspective: 1000;
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-style: preserve-3d; }
    div#cs-mobile-app family-collection.marqueeOneCoat .swatch .one-coat-icon, div#cs-mobile-app family-collection.marqueeOneCoat .swatch-add-color .one-coat-icon {
      display: none; }
    div#cs-mobile-app family-collection div.header {
      min-height: 11vw;
      max-height: 285px; }
    div#cs-mobile-app family-collection nav {
      height: 100px;
      padding-left: 12px;
      padding-right: 12px; }
      div#cs-mobile-app family-collection nav a {
        padding: 0.75%;
        position: relative;
        margin-right: 9px;
        margin-left: 9px; }
        div#cs-mobile-app family-collection nav a.active .swatch-wrapper:after {
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          content: ' ';
          border: 2px solid white;
          border-radius: 20%;
          box-shadow: 3px 3px 6px 0px #BCB5B5; }
    div#cs-mobile-app family-collection .chipset-animation-area {
      -webkit-overflow-scrolling: initial; }
    div#cs-mobile-app family-collection .subgroup {
      width: 100vw;
      padding-left: 10vw;
      padding-right: 10vw;
      text-align: left;
      display: none;
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -moz-transition: 0.35s ease-in-out all;
      -o-transition: 0.35s ease-in-out all;
      -ms-transition: 0.35s ease-in-out all;
      -webkit-transition: 0.35s ease-in-out all;
      transition: 0.35s ease-in-out all;
      color: transparent; }
      div#cs-mobile-app family-collection .subgroup mobile-chipset {
        display: inline-block;
        position: relative;
        vertical-align: top;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -moz-transition: 0.35s ease-in-out all;
        -o-transition: 0.35s ease-in-out all;
        -ms-transition: 0.35s ease-in-out all;
        -webkit-transition: 0.35s ease-in-out all;
        transition: 0.35s ease-in-out all; }
      div#cs-mobile-app family-collection .subgroup.active {
        display: block;
        position: relative;
        z-index: 500; }
      div#cs-mobile-app family-collection .subgroup.left, div#cs-mobile-app family-collection .subgroup.very-left, div#cs-mobile-app family-collection .subgroup.right, div#cs-mobile-app family-collection .subgroup.very-right {
        display: block;
        top: 0;
        position: absolute;
        z-index: 501; }
      div#cs-mobile-app family-collection .subgroup.left, div#cs-mobile-app family-collection .subgroup.very-left {
        padding-left: 20vw;
        padding-right: 0; }
        div#cs-mobile-app family-collection .subgroup.left mobile-chipset, div#cs-mobile-app family-collection .subgroup.very-left mobile-chipset {
          left: 100%;
          -moz-transform: translateX(-100%);
          -o-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }
      div#cs-mobile-app family-collection .subgroup.right, div#cs-mobile-app family-collection .subgroup.very-right {
        padding-left: 0;
        padding-right: 20vw; }
        div#cs-mobile-app family-collection .subgroup.right mobile-chipset, div#cs-mobile-app family-collection .subgroup.very-right mobile-chipset {
          left: 0;
          -moz-transform: translateX(0%);
          -o-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -webkit-transform: translateX(0%);
          transform: translateX(0%); }
      div#cs-mobile-app family-collection .subgroup.left {
        -moz-transform: translateY(0%) translateX(-95%);
        -o-transform: translateY(0%) translateX(-95%);
        -ms-transform: translateY(0%) translateX(-95%);
        -webkit-transform: translateY(0%) translateX(-95%);
        transform: translateY(0%) translateX(-95%); }
      div#cs-mobile-app family-collection .subgroup.very-left {
        -moz-transform: translateY(0%) translateX(-190%);
        -o-transform: translateY(0%) translateX(-190%);
        -ms-transform: translateY(0%) translateX(-190%);
        -webkit-transform: translateY(0%) translateX(-190%);
        transform: translateY(0%) translateX(-190%); }
      div#cs-mobile-app family-collection .subgroup.right {
        -moz-transform: translateY(0%) translateX(95%);
        -o-transform: translateY(0%) translateX(95%);
        -ms-transform: translateY(0%) translateX(95%);
        -webkit-transform: translateY(0%) translateX(95%);
        transform: translateY(0%) translateX(95%); }
      div#cs-mobile-app family-collection .subgroup.very-right {
        -moz-transform: translateY(0%) translateX(190%);
        -o-transform: translateY(0%) translateX(190%);
        -ms-transform: translateY(0%) translateX(190%);
        -webkit-transform: translateY(0%) translateX(190%);
        transform: translateY(0%) translateX(190%); }
      div#cs-mobile-app family-collection .subgroup.ng-enter {
        opacity: 0;
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.left {
          -moz-transform: translateY(100%) translateX(-95%);
          -o-transform: translateY(100%) translateX(-95%);
          -ms-transform: translateY(100%) translateX(-95%);
          -webkit-transform: translateY(100%) translateX(-95%);
          transform: translateY(100%) translateX(-95%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.very-left {
          -moz-transform: translateY(100%) translateX(-190%);
          -o-transform: translateY(100%) translateX(-190%);
          -ms-transform: translateY(100%) translateX(-190%);
          -webkit-transform: translateY(100%) translateX(-190%);
          transform: translateY(100%) translateX(-190%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.right {
          -moz-transform: translateY(100%) translateX(95%);
          -o-transform: translateY(100%) translateX(95%);
          -ms-transform: translateY(100%) translateX(95%);
          -webkit-transform: translateY(100%) translateX(95%);
          transform: translateY(100%) translateX(95%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.very-right {
          -moz-transform: translateY(100%) translateX(190%);
          -o-transform: translateY(100%) translateX(190%);
          -ms-transform: translateY(100%) translateX(190%);
          -webkit-transform: translateY(100%) translateX(190%);
          transform: translateY(100%) translateX(190%); }
      div#cs-mobile-app family-collection .subgroup.ng-enter.ng-enter-active {
        opacity: 1;
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.ng-enter-active.left {
          -moz-transform: translateY(0%) translateX(-95%);
          -o-transform: translateY(0%) translateX(-95%);
          -ms-transform: translateY(0%) translateX(-95%);
          -webkit-transform: translateY(0%) translateX(-95%);
          transform: translateY(0%) translateX(-95%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.ng-enter-active.very-left {
          -moz-transform: translateY(0%) translateX(-190%);
          -o-transform: translateY(0%) translateX(-190%);
          -ms-transform: translateY(0%) translateX(-190%);
          -webkit-transform: translateY(0%) translateX(-190%);
          transform: translateY(0%) translateX(-190%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.ng-enter-active.right {
          -moz-transform: translateY(0%) translateX(95%);
          -o-transform: translateY(0%) translateX(95%);
          -ms-transform: translateY(0%) translateX(95%);
          -webkit-transform: translateY(0%) translateX(95%);
          transform: translateY(0%) translateX(95%); }
        div#cs-mobile-app family-collection .subgroup.ng-enter.ng-enter-active.very-right {
          -moz-transform: translateY(0%) translateX(190%);
          -o-transform: translateY(0%) translateX(190%);
          -ms-transform: translateY(0%) translateX(190%);
          -webkit-transform: translateY(0%) translateX(190%);
          transform: translateY(0%) translateX(190%); }
      div#cs-mobile-app family-collection .subgroup.ng-leave {
        opacity: 1;
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.left {
          -moz-transform: translateY(0%) translateX(-95%);
          -o-transform: translateY(0%) translateX(-95%);
          -ms-transform: translateY(0%) translateX(-95%);
          -webkit-transform: translateY(0%) translateX(-95%);
          transform: translateY(0%) translateX(-95%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.very-left {
          -moz-transform: translateY(0%) translateX(-190%);
          -o-transform: translateY(0%) translateX(-190%);
          -ms-transform: translateY(0%) translateX(-190%);
          -webkit-transform: translateY(0%) translateX(-190%);
          transform: translateY(0%) translateX(-190%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.right {
          -moz-transform: translateY(0%) translateX(95%);
          -o-transform: translateY(0%) translateX(95%);
          -ms-transform: translateY(0%) translateX(95%);
          -webkit-transform: translateY(0%) translateX(95%);
          transform: translateY(0%) translateX(95%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.very-right {
          -moz-transform: translateY(0%) translateX(190%);
          -o-transform: translateY(0%) translateX(190%);
          -ms-transform: translateY(0%) translateX(190%);
          -webkit-transform: translateY(0%) translateX(190%);
          transform: translateY(0%) translateX(190%); }
      div#cs-mobile-app family-collection .subgroup.ng-leave.ng-leave-active {
        opacity: 0;
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.ng-leave-active.left {
          -moz-transform: translateY(100%) translateX(-95%);
          -o-transform: translateY(100%) translateX(-95%);
          -ms-transform: translateY(100%) translateX(-95%);
          -webkit-transform: translateY(100%) translateX(-95%);
          transform: translateY(100%) translateX(-95%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.ng-leave-active.very-left {
          -moz-transform: translateY(100%) translateX(-190%);
          -o-transform: translateY(100%) translateX(-190%);
          -ms-transform: translateY(100%) translateX(-190%);
          -webkit-transform: translateY(100%) translateX(-190%);
          transform: translateY(100%) translateX(-190%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.ng-leave-active.right {
          -moz-transform: translateY(100%) translateX(95%);
          -o-transform: translateY(100%) translateX(95%);
          -ms-transform: translateY(100%) translateX(95%);
          -webkit-transform: translateY(100%) translateX(95%);
          transform: translateY(100%) translateX(95%); }
        div#cs-mobile-app family-collection .subgroup.ng-leave.ng-leave-active.very-right {
          -moz-transform: translateY(100%) translateX(190%);
          -o-transform: translateY(100%) translateX(190%);
          -ms-transform: translateY(100%) translateX(190%);
          -webkit-transform: translateY(100%) translateX(190%);
          transform: translateY(100%) translateX(190%); }
  div#cs-mobile-app category-collection {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    div#cs-mobile-app category-collection nav {
      padding-top: 10px; }
      div#cs-mobile-app category-collection nav a {
        display: block; }
    div#cs-mobile-app category-collection .titles {
      overflow: hidden;
      white-space: nowrap; }
      div#cs-mobile-app category-collection .titles .title {
        -moz-transition: 0.35s ease-in-out -moz-transform;
        -o-transition: 0.35s ease-in-out -o-transform;
        -ms-transition: 0.35s ease-in-out -ms-transform;
        -webkit-transition: 0.35s ease-in-out -webkit-transform;
        transition: 0.35s ease-in-out transform;
        display: inline-block;
        width: 100%; }
        div#cs-mobile-app category-collection .titles .title h2 {
          text-align: center; }
    div#cs-mobile-app category-collection.marqueeCollection .swatch .one-coat-icon, div#cs-mobile-app category-collection.marqueeCollection .swatch-add-color .one-coat-icon {
      display: none; }
    div#cs-mobile-app category-collection.marqueeCollection .title img {
      height: 19px;
      margin-right: 4px; }
    div#cs-mobile-app category-collection.marqueeCollection mobile-chipset .color-row {
      width: 11vw; }
    div#cs-mobile-app category-collection .chipset-container {
      width: 80vw;
      margin-right: 5vw;
      display: inline-block;
      margin-bottom: 1px;
      -moz-transition: 0.35s ease-in-out all;
      -o-transition: 0.35s ease-in-out all;
      -ms-transition: 0.35s ease-in-out all;
      -webkit-transition: 0.35s ease-in-out all;
      transition: 0.35s ease-in-out all; }
      div#cs-mobile-app category-collection .chipset-container:first-child {
        margin-left: 10vw; }
      div#cs-mobile-app category-collection .chipset-container:last-child {
        margin-right: 10vw; }
    div#cs-mobile-app category-collection mobile-line-chipset {
      display: inline-block;
      position: relative;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      -moz-transition: 0.35s ease-in-out all;
      -o-transition: 0.35s ease-in-out all;
      -ms-transition: 0.35s ease-in-out all;
      -webkit-transition: 0.35s ease-in-out all;
      transition: 0.35s ease-in-out all; }
      div#cs-mobile-app category-collection mobile-line-chipset.left, div#cs-mobile-app category-collection mobile-line-chipset.very-left {
        left: 100%;
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%); }
      div#cs-mobile-app category-collection mobile-line-chipset.right, div#cs-mobile-app category-collection mobile-line-chipset.very-right {
        left: 0;
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%); }
  div#cs-mobile-app trends-collection-2017 {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    div#cs-mobile-app trends-collection-2017 > div {
      text-align: center; }
    div#cs-mobile-app trends-collection-2017 category-collection h2 {
      color: #807c75;
      font-size: 18px; }
  #cs-mobile-app trends-collection-2018 {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    #cs-mobile-app trends-collection-2018 mobile-line-chipset, #cs-mobile-app trends-collection-2018 mobile-chipset {
      line-height: 0;
      display: block;
      height: auto;
      width: auto;
      text-align: center; }
      #cs-mobile-app trends-collection-2018 mobile-line-chipset *, #cs-mobile-app trends-collection-2018 mobile-chipset * {
        line-height: normal; }
    #cs-mobile-app trends-collection-2018 > .pure-g {
      padding-top: 6px;
      padding-bottom: 12px; }
    #cs-mobile-app trends-collection-2018 .title {
      text-align: center; }
  .locale-cl color-popover popover-content buy-button, .locale-mx color-popover popover-content buy-button {
    /* Hide Buy Samples, Buy These Colors btns */
    display: none; }
  div#cs-mobile-app color-popover .modal-backdrop {
    z-index: 9998; }
  div#cs-mobile-app color-popover .popover {
    z-index: 9999;
    width: 95%;
    max-width: 100%;
    left: 0;
    top: initial;
    text-align: center;
    background-color: #9e9a94;
    color: white;
    text-transform: capitalize;
    margin-left: 2.5%;
    margin-right: 2.5%; }
    div#cs-mobile-app color-popover .popover p {
      padding: 0;
      margin: 0; }
  div#cs-mobile-app color-popover h3 {
    margin-bottom: 12px; }
  div#cs-mobile-app color-popover share-buttons > div {
    margin: 12px 0 0; }
  div#cs-mobile-app color-popover share-buttons .pure-g [class*="pure-u"] {
    color: #fff; }
  div#cs-mobile-app color-popover share-buttons svg {
    margin: 0 5px;
    fill: #fff;
    opacity: 1; }
  div#cs-mobile-app .popover.top > .arrow {
    margin-left: calc(-11px - 2.5%); }
    div#cs-mobile-app .popover.top > .arrow:after {
      border-top-color: #9e9a94; }
  div#cs-mobile-app .popover.bottom > .arrow {
    margin-left: calc(-11px - 2.5%); }
    div#cs-mobile-app .popover.bottom > .arrow:after {
      border-bottom-color: #9e9a94; }
  div#cs-mobile-app color-details {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    div#cs-mobile-app color-details visualize-mini-menu .visualize-mini-menu {
      padding-left: 0;
      border-bottom: none; }
      div#cs-mobile-app color-details visualize-mini-menu .visualize-mini-menu .visual-paint {
        display: none; }
      div#cs-mobile-app color-details visualize-mini-menu .visualize-mini-menu .upload-a-photo {
        width: 88px;
        height: 88px;
        font-size: 13px;
        font-weight: 600;
        color: #8e8e8e; }
      div#cs-mobile-app color-details visualize-mini-menu .visualize-mini-menu visualizer {
        width: 88px;
        max-height: 88px; }
        div#cs-mobile-app color-details visualize-mini-menu .visualize-mini-menu visualizer canvas {
          min-width: 86px;
          max-height: 90px; }
    div#cs-mobile-app color-details .horizontal-chevron {
      height: 20px;
      position: relative; }
    div#cs-mobile-app color-details .kilz-button {
      width: 160px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      font-weight: 600; }
      div#cs-mobile-app color-details .kilz-button.add img {
        width: initial;
        height: 1.3em;
        margin-right: 0.4em;
        vertical-align: text-bottom; }
      div#cs-mobile-app color-details .kilz-button.buy img {
        width: initial;
        height: 1.3em;
        margin-right: 0.4em;
        vertical-align: text-bottom; }
    div#cs-mobile-app color-details .padded-container {
      border: none; }
      @media (min-width: 992px) {
        div#cs-mobile-app color-details .padded-container .header-info {
          padding-bottom: 20px;
          border: none; }
          div#cs-mobile-app color-details .padded-container .header-info .title {
            padding-top: 30px; } }
      div#cs-mobile-app color-details .padded-container .detail {
        border: none; }
        div#cs-mobile-app color-details .padded-container .detail .chip-view {
          margin: 0px;
          padding: 0px;
          position: relative; }
          div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip {
            margin: 0px;
            padding: 0px;
            display: block;
            line-height: 0; }
            div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch, div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch-add-color {
              border: none;
              padding: 0px;
              height: 158px; }
              .in-palette div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch:before, .in-palette div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch-add-color:before {
                content: '';
                position: absolute;
                bottom: 16px;
                left: 16px;
                width: 24px;
                height: 24px;
                background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/check.svg) no-repeat left center;
                background-size: 24px;
                color: #fff; }
                @media (min-width: 992px) {
                  .in-palette div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch:before, .in-palette div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch-add-color:before {
                    display: none; } }
              @media (min-width: 992px) {
                div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch, div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip .swatch-add-color {
                  width: 404px;
                  height: 404px; } }
            @media (min-width: 992px) {
              div#cs-mobile-app color-details .padded-container .detail .chip-view color-chip {
                height: 100%; } }
          div#cs-mobile-app color-details .padded-container .detail .chip-view .image-layout {
            position: absolute;
            top: 0;
            right: 0px;
            height: 158px;
            width: 158px;
            overflow: hidden;
            text-align: center; }
          @media (min-width: 992px) {
            div#cs-mobile-app color-details .padded-container .detail .chip-view {
              display: inline-block; }
              div#cs-mobile-app color-details .padded-container .detail .chip-view .image-layout {
                display: none; } }
        div#cs-mobile-app color-details .padded-container .detail .info {
          border: none;
          position: relative; }
          div#cs-mobile-app color-details .padded-container .detail .info .color_description {
            margin-top: 10px;
            padding-left: 10px;
            padding-right: 10px; }
            @media (min-width: 992px) {
              div#cs-mobile-app color-details .padded-container .detail .info .color_description {
                margin-top: 0; } }
            div#cs-mobile-app color-details .padded-container .detail .info .color_description span {
              display: block;
              font-size: 12px; }
              div#cs-mobile-app color-details .padded-container .detail .info .color_description span:first-child {
                font-weight: bold;
                font-size: 16px;
                text-transform: uppercase; }
              @media (min-width: 992px) {
                div#cs-mobile-app color-details .padded-container .detail .info .color_description span {
                  font-size: 16px; }
                  div#cs-mobile-app color-details .padded-container .detail .info .color_description span:first-child {
                    font-size: 20px; } }
          div#cs-mobile-app color-details .padded-container .detail .info .color-info {
            margin-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px; }
          div#cs-mobile-app color-details .padded-container .detail .info .color-display {
            margin-top: 40px;
            padding-left: 10px;
            padding-right: 10px; }
          div#cs-mobile-app color-details .padded-container .detail .info .confirm-note {
            margin-left: 6px;
            margin-right: 6px;
            margin-top: 10px;
            margin-bottom: 6px; }
            div#cs-mobile-app color-details .padded-container .detail .info .confirm-note span {
              display: block;
              text-align: center;
              width: 184px;
              height: 44px;
              margin-left: auto;
              margin-right: auto;
              padding-top: 12px;
              text-transform: uppercase;
              color: #A61631; }
              div#cs-mobile-app color-details .padded-container .detail .info .confirm-note span.preview-img {
                display: none; }
                @media (min-width: 992px) {
                  div#cs-mobile-app color-details .padded-container .detail .info .confirm-note span.preview-img {
                    background: initial;
                    display: block;
                    height: 80px;
                    padding-top: initial;
                    margin-top: 80px;
                    width: initial;
                    line-height: 80px;
                    visibility: hidden; } }
              div#cs-mobile-app color-details .padded-container .detail .info .confirm-note span.added {
                display: block;
                margin-bottom: 20px; }
                div#cs-mobile-app color-details .padded-container .detail .info .confirm-note span.added img {
                  height: 1.5em;
                  margin-right: 1em;
                  vertical-align: -20%;
                  margin-right: 16px; }
                @media (min-width: 992px) {
                  div#cs-mobile-app color-details .padded-container .detail .info .confirm-note span.added {
                    display: none; } }
              @media (min-width: 992px) {
                div#cs-mobile-app color-details .padded-container .detail .info .confirm-note span {
                  display: none; } }
          @media (min-width: 992px) {
            div#cs-mobile-app color-details .padded-container .detail .info {
              display: inline-block;
              width: 340px;
              height: 400px;
              position: absolute;
              margin-left: 20px; } }
        div#cs-mobile-app color-details .padded-container .detail .buy {
          display: block;
          text-transform: uppercase;
          width: 160px; }
          @media (min-width: 992px) {
            div#cs-mobile-app color-details .padded-container .detail .buy {
              display: none; } }
        @media (min-width: 992px) {
          div#cs-mobile-app color-details .padded-container .detail .desktop-bottom {
            position: absolute;
            bottom: 0; } }
        div#cs-mobile-app color-details .padded-container .detail .visualizepaint {
          display: none; }
          @media (min-width: 992px) {
            div#cs-mobile-app color-details .padded-container .detail .visualizepaint {
              display: block;
              text-transform: uppercase;
              width: initial;
              display: inline-block;
              margin-left: 40px;
              margin-right: auto;
              padding: 0 16px;
              font-weight: 600; }
              div#cs-mobile-app color-details .padded-container .detail .visualizepaint img {
                height: 1.5em;
                margin-right: 0.5em;
                width: initial; } }
        @media (min-width: 992px) {
          div#cs-mobile-app color-details .padded-container .detail {
            margin-left: auto;
            margin-right: auto; } }
      div#cs-mobile-app color-details .padded-container .continue_more {
        display: none;
        margin-top: 6px; }
        div#cs-mobile-app color-details .padded-container .continue_more .store-logo img {
          height: 2.7em; }
        div#cs-mobile-app color-details .padded-container .continue_more .store-logo.walmart img {
          position: relative;
          height: 2em; }
        @media (min-width: 992px) {
          div#cs-mobile-app color-details .padded-container .continue_more {
            display: block; }
            div#cs-mobile-app color-details .padded-container .continue_more buy-button {
              display: inline-block; } }
        div#cs-mobile-app color-details .padded-container .continue_more .kilz-button,
        div#cs-mobile-app color-details .padded-container .continue_more button {
          display: inline-block;
          height: 40px;
          line-height: 40px;
          text-align: center;
          margin-right: 6px; }
          div#cs-mobile-app color-details .padded-container .continue_more .kilz-button.add,
          div#cs-mobile-app color-details .padded-container .continue_more button.add {
            border-width: 1px; }
            div#cs-mobile-app color-details .padded-container .continue_more .kilz-button.add img,
            div#cs-mobile-app color-details .padded-container .continue_more button.add img {
              height: 1.2em;
              width: initial; }
          div#cs-mobile-app color-details .padded-container .continue_more .kilz-button.added,
          div#cs-mobile-app color-details .padded-container .continue_more button.added {
            padding-left: 10px;
            padding-right: 10px;
            text-transform: uppercase;
            border: none;
            text-align: left;
            width: 100px;
            cursor: initial;
            border-width: 1px; }
            div#cs-mobile-app color-details .padded-container .continue_more .kilz-button.added img,
            div#cs-mobile-app color-details .padded-container .continue_more button.added img {
              height: 1.2em;
              width: initial;
              vertical-align: -5%;
              margin-right: 8px; }
          div#cs-mobile-app color-details .padded-container .continue_more .kilz-button.buy,
          div#cs-mobile-app color-details .padded-container .continue_more button.buy {
            width: 160px;
            text-transform: uppercase;
            text-align: center;
            border-width: 1px; }
            div#cs-mobile-app color-details .padded-container .continue_more .kilz-button.buy img,
            div#cs-mobile-app color-details .padded-container .continue_more button.buy img {
              height: 1.4em;
              margin-right: 0.5em;
              width: initial;
              vertical-align: text-bottom; }
      div#cs-mobile-app color-details .padded-container .other-colors {
        margin-top: 30px;
        margin: 10px; }
        div#cs-mobile-app color-details .padded-container .other-colors color-chip {
          line-height: 0;
          width: 80px;
          display: block; }
        @media (min-width: 992px) {
          div#cs-mobile-app color-details .padded-container .other-colors {
            display: block;
            margin: 40px 0 10px;
            max-width: 700px; } }
        div#cs-mobile-app color-details .padded-container .other-colors .similarColor {
          width: 120px;
          max-width: 120px; }
        div#cs-mobile-app color-details .padded-container .other-colors .other-colors-title {
          font-weight: bold; }
        @media (max-width: 991px) {
          div#cs-mobile-app color-details .padded-container .other-colors .slick-list {
            margin: 0; } }
        div#cs-mobile-app color-details .padded-container .other-colors .slick-track {
          margin-left: 0; }
  div#cs-mobile-app quad-chip {
    display: inline-block;
    position: relative;
    height: 100px;
    width: 100px;
    border: 1px solid #d2d2d2;
    border-radius: 20%; }
    div#cs-mobile-app quad-chip .quad-swatch {
      display: block; }
    div#cs-mobile-app quad-chip > .inner {
      width: 100%;
      height: 100%;
      border: 2px solid #efefef;
      border-radius: 20%;
      z-index: 100;
      position: relative;
      overflow: hidden; }
    div#cs-mobile-app quad-chip .inner > div {
      position: absolute;
      z-index: 99; }
      div#cs-mobile-app quad-chip .inner > div.color1 {
        width: 65%;
        height: 65%;
        left: 0;
        top: 0; }
      div#cs-mobile-app quad-chip .inner > div.color2 {
        width: 32%;
        height: 32%;
        right: 0;
        top: 0; }
      div#cs-mobile-app quad-chip .inner > div.color3 {
        width: 32%;
        height: 31%;
        right: 0;
        top: 34%; }
      div#cs-mobile-app quad-chip .inner > div.color4 {
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 32%; }
  div#cs-mobile-app palette-details {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    div#cs-mobile-app palette-details .btn-close {
      right: 12px; }
    div#cs-mobile-app palette-details h2,
    div#cs-mobile-app palette-details h3 {
      color: #9e9a94;
      text-align: center; }
    div#cs-mobile-app palette-details h2 {
      margin-top: 22px;
      margin-bottom: 0; }
    div#cs-mobile-app palette-details h3 {
      margin-top: 0; }
    div#cs-mobile-app palette-details p {
      color: #484848;
      margin-left: 6%;
      margin-bottom: 4%; }
    div#cs-mobile-app palette-details quad-chip {
      display: block;
      margin: 3% auto; }
    div#cs-mobile-app palette-details button {
      display: block;
      margin: 0 auto;
      color: #484848; }
    div#cs-mobile-app palette-details color-description button {
      display: none; }
  div#cs-mobile-app color-description {
    display: block;
    margin: 6px;
    padding: 0px;
    position: relative; }
    div#cs-mobile-app color-description color-chip {
      padding: 0px;
      position: inline-block;
      display: inline-block; }
      div#cs-mobile-app color-description color-chip .swatch, div#cs-mobile-app color-description color-chip .swatch-add-color {
        width: 60px;
        height: 60px; }
    div#cs-mobile-app color-description .description {
      position: absolute;
      display: inline-block;
      margin-left: 6px; }
      div#cs-mobile-app color-description .description div:first-child {
        font-weight: bold;
        margin-top: 6px; }
    div#cs-mobile-app color-description .add-item {
      border: 1px #707070 solid;
      position: absolute;
      display: none;
      right: 13px;
      height: 35px;
      width: 35px;
      top: 13px;
      border-radius: 50%;
      background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/thick_plus.svg") no-repeat center center;
      background-size: 20px; }
    div#cs-mobile-app color-description .selected {
      background: #4EA228 url(/binaries/content/assets/kilz/css/colorvisualizer/images/check.svg) no-repeat center center;
      background-size: 14px;
      border: none; }
    div#cs-mobile-app color-description .store-container {
      position: absolute;
      top: 40%;
      right: 0;
      width: 130px;
      transform: translateY(-50%); }
      div#cs-mobile-app color-description .store-container .store-logo img {
        display: inline-block;
        position: relative;
        height: 3.2em; }
      div#cs-mobile-app color-description .store-container .store-logo.walmart img {
        height: 2em; }
      div#cs-mobile-app color-description .store-container .store-logo.amazon img {
        left: -12px; }
  div#cs-mobile-app visualizer-palette {
    text-align: center;
    line-height: 0; }
    div#cs-mobile-app visualizer-palette > .pure-g {
      display: block;
      padding: 0px 0; }
    div#cs-mobile-app visualizer-palette .chip-wrapper {
      display: block;
      position: relative;
      padding: 3px; }
      div#cs-mobile-app visualizer-palette .chip-wrapper.active color-chip:after {
        display: block;
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        /* it looks correct on behr.com */
        content: ' ';
        border: 2px solid white;
        border-radius: 20%;
        box-shadow: 0 0 6px 3px #CACACA; }
      div#cs-mobile-app visualizer-palette .chip-wrapper color-chip {
        display: block;
        position: relative; }
        div#cs-mobile-app visualizer-palette .chip-wrapper color-chip .swatch .one-coat-icon, div#cs-mobile-app visualizer-palette .chip-wrapper color-chip .swatch-add-color .one-coat-icon {
          width: 40%;
          height: 40%; }
  div#cs-mobile-app visualizer {
    display: block;
    line-height: 0; }
  div#cs-mobile-app roompicker-visualizer,
  div#cs-mobile-app compare-visualizer {
    display: block;
    line-height: 0;
    position: relative; }
    div#cs-mobile-app roompicker-visualizer .paintable,
    div#cs-mobile-app roompicker-visualizer .shadow,
    div#cs-mobile-app compare-visualizer .paintable,
    div#cs-mobile-app compare-visualizer .shadow {
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1; }
    div#cs-mobile-app roompicker-visualizer .shadow,
    div#cs-mobile-app compare-visualizer .shadow {
      z-index: 2; }
  div#cs-mobile-app paginated-carousel {
    display: block;
    line-height: 0; }
    div#cs-mobile-app paginated-carousel ng-transclude {
      display: inline-block;
      line-height: 0; }
  div#cs-mobile-app .modal.modal-content {
    overflow: hidden;
    text-align: center;
    border-radius: initial;
    box-shadow: initial; }
    div#cs-mobile-app .modal.modal-content h2 {
      font-weight: bold;
      font-size: 20px; }
    div#cs-mobile-app .modal.modal-content p {
      color: #666666;
      margin-bottom: 50px; }
    div#cs-mobile-app .modal.modal-content img {
      width: 30px;
      height: 30px;
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 5px; }
      div#cs-mobile-app .modal.modal-content img.responsive {
        width: 100%; }
    div#cs-mobile-app .modal.modal-content .searchResults img {
      width: auto; }
  div#cs-mobile-app .modal.modal-backdrop {
    background-color: transparent; }
  div#cs-mobile-app .modal.backdrop-white {
    background-color: #fff; }
    div#cs-mobile-app .modal.backdrop-white.in {
      opacity: 0.7; }
  div#cs-mobile-app .modal .modal-body {
    text-align: center; }
  div#cs-mobile-app .modal .modal-body.retailer-body {
    padding-left: 30px;
    padding-right: 30px; }
    div#cs-mobile-app .modal .modal-body.retailer-body button {
      padding: 0 20px;
      width: initial; }
  div#cs-mobile-app .modal-content {
    margin: 0px;
    padding: 0px; }
    div#cs-mobile-app .modal-content svg,
    div#cs-mobile-app .modal-content img {
      margin-right: 10px;
      height: 34px;
      width: 32px; }
  div#cs-mobile-app .modal-body.pyp-help {
    border: 1px #fff solid;
    padding: 0px;
    margin: 0px;
    text-align: left; }
    div#cs-mobile-app .modal-body.pyp-help .close-icon {
      margin-right: 10px;
      margin-top: 10px;
      right: 0px;
      position: absolute;
      display: inline-block;
      height: 18px;
      width: 25px; }
    div#cs-mobile-app .modal-body.pyp-help .accordion-title {
      font-weight: bold;
      font-size: 20px;
      color: #0072BC;
      text-align: center;
      height: 100px;
      text-transform: uppercase; }
    div#cs-mobile-app .modal-body.pyp-help .accordion-content {
      padding: 0px;
      margin: 0px; }
      div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-head {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px #D8D8D8 solid; }
        div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-head span {
          font-weight: bold;
          font-size: 20px; }
        div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-head img {
          padding: 0px; }
          div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-head img.cs-icon {
            margin-left: 20px; }
          div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-head img.arrow {
            right: 0px;
            margin-right: 20px;
            position: absolute;
            transform: scaleY(1); }
            div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-head img.arrow.open {
              transform: scaleY(-1); }
      div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-body {
        padding: 0px; }
        div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-body .accordion-row {
          margin-left: 40px;
          margin-bottom: 10px;
          margin-top: 10px;
          display: block; }
          div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-body .accordion-row img {
            width: 20px;
            height: 20px;
            display: inline-block; }
          div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-body .accordion-row span {
            display: inline;
            font-size: 16px; }
          div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-body .accordion-row ul {
            display: block;
            margin-left: 30px;
            margin-top: 0px;
            margin-bottom: 0px; }
            div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-body .accordion-row ul li {
              font-size: 16px;
              margin-left: 0px;
              margin-bottom: 8px;
              padding-right: 20px; }
          div#cs-mobile-app .modal-body.pyp-help .accordion-content .accordion-body .accordion-row.task {
            min-height: 35px;
            display: flex;
            align-items: center;
            padding-right: 20px;
            margin-left: 37px; }
  div#cs-mobile-app .modal-heading {
    text-align: center;
    color: #0072BC;
    font-weight: bold;
    font-size: 14px;
    padding: 20px 40px;
    padding-bottom: 0;
    text-transform: uppercase; }
  div#cs-mobile-app .modal-heading button,
  div#cs-mobile-app .modal-body button {
    width: 200px;
    border-width: 2px;
    margin-bottom: 20px; }
  div#cs-mobile-app .modal-heading .colors-container,
  div#cs-mobile-app .modal-body .colors-container {
    display: flex;
    flex-direction: column; }
    div#cs-mobile-app .modal-heading .colors-container color-description,
    div#cs-mobile-app .modal-body .colors-container color-description {
      width: 250px;
      margin: 6px auto;
      display: flex; }
      div#cs-mobile-app .modal-heading .colors-container color-description .swatch, div#cs-mobile-app .modal-heading .colors-container color-description .swatch-add-color,
      div#cs-mobile-app .modal-body .colors-container color-description .swatch,
      div#cs-mobile-app .modal-body .colors-container color-description .swatch-add-color {
        background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/warning_circle.svg) no-repeat;
        background-size: 25px 25px;
        background-position: center center; }
      div#cs-mobile-app .modal-heading .colors-container color-description .description,
      div#cs-mobile-app .modal-body .colors-container color-description .description {
        margin-left: 20px;
        position: initial; }
      div#cs-mobile-app .modal-heading .colors-container color-description .name,
      div#cs-mobile-app .modal-body .colors-container color-description .name {
        margin-top: 18px;
        font-size: 16px;
        white-space: nowrap; }
      div#cs-mobile-app .modal-heading .colors-container color-description .add-item,
      div#cs-mobile-app .modal-heading .colors-container color-description .id,
      div#cs-mobile-app .modal-body .colors-container color-description .add-item,
      div#cs-mobile-app .modal-body .colors-container color-description .id {
        display: none; }
      div#cs-mobile-app .modal-heading .colors-container color-description .store-container,
      div#cs-mobile-app .modal-body .colors-container color-description .store-container {
        display: none; }
    div#cs-mobile-app .modal-heading .colors-container.remove-selection color-description .swatch, div#cs-mobile-app .modal-heading .colors-container.remove-selection color-description .swatch-add-color,
    div#cs-mobile-app .modal-body .colors-container.remove-selection color-description .swatch,
    div#cs-mobile-app .modal-body .colors-container.remove-selection color-description .swatch-add-color {
      background-image: none; }
    div#cs-mobile-app .modal-heading .colors-container.remove-selection color-description.selected .swatch, div#cs-mobile-app .modal-heading .colors-container.remove-selection color-description.selected .swatch-add-color,
    div#cs-mobile-app .modal-body .colors-container.remove-selection color-description.selected .swatch,
    div#cs-mobile-app .modal-body .colors-container.remove-selection color-description.selected .swatch-add-color {
      background-image: url(/binaries/content/assets/kilz/css/colorvisualizer/images/trash_white.svg); }
  div#cs-mobile-app .delete-paint .modal-body button,
  div#cs-mobile-app .unconfigured-paint .modal-body button {
    width: 250px;
    margin-bottom: 20px; }
  div#cs-mobile-app .palette-empty .modal-body {
    padding-left: 40px;
    padding-right: 40px; }
  div#cs-mobile-app .palette-empty a.kilz-button {
    width: 200px; }
  div#cs-mobile-app .modal-heading.pyp-help {
    padding-bottom: 40px; }
  div#cs-mobile-app color-search {
    width: 100%; }
    @media (min-width: 992px) {
      div#cs-mobile-app color-search .vertical-grow {
        min-height: 500px; } }
    div#cs-mobile-app color-search color-description .swatch, div#cs-mobile-app color-search color-description .swatch-add-color {
      background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/circled_plus_grey.svg") no-repeat center center;
      background-size: 35px; }
      div#cs-mobile-app color-search color-description .swatch.selected, div#cs-mobile-app color-search color-description .selected.swatch-add-color {
        background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/check.svg") no-repeat center center;
        background-size: 20px; }
    @media (max-width: 991px) {
      div#cs-mobile-app color-search color-description .description {
        width: 130px; }
      div#cs-mobile-app color-search color-description .store-container {
        width: 100px; }
        div#cs-mobile-app color-search color-description .store-container .store-logo.walmart img {
          height: 1.4em; }
        div#cs-mobile-app color-search color-description .store-container .store-logo.amazon img {
          left: -6px;
          height: 2em; } }
    div#cs-mobile-app color-search .input-container {
      border: 1px #484848 solid;
      margin-top: 20px;
      display: block;
      border-radius: 2px;
      position: relative; }
      div#cs-mobile-app color-search .input-container input {
        border: none;
        padding-left: 10px;
        display: inline-block;
        width: 87%;
        height: 44px;
        background: transparent;
        color: #484848;
        text-transform: uppercase;
        font-size: 14px; }
        div#cs-mobile-app color-search .input-container input:focus {
          outline: none; }
      div#cs-mobile-app color-search .input-container .close-box {
        display: inline-block;
        position: absolute;
        right: 0;
        padding: 8px;
        text-align: center;
        height: 50px; }
        div#cs-mobile-app color-search .input-container .close-box a {
          display: block;
          font-size: 12px;
          color: #A61631; }
          div#cs-mobile-app color-search .input-container .close-box a:last-child {
            top: -6px;
            display: inline-block;
            position: relative; }
    div#cs-mobile-app color-search .searchResults {
      overflow: auto; }
      div#cs-mobile-app color-search .searchResults .chips {
        padding: 10px 0 0; }
        @media (min-width: 992px) {
          div#cs-mobile-app color-search .searchResults .chips {
            padding: 10px 40px 0; } }
        @media (min-width: 1200px) {
          div#cs-mobile-app color-search .searchResults .chips {
            padding: 10px 80px 0; } }
  div#cs-mobile-app .search-modal.modal .modal-dialog {
    margin: 0;
    width: calc(100% - 40px);
    left: 10px;
    top: 4px;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    div#cs-mobile-app .search-modal.modal .modal-dialog .vertical-scroll .padded-container:after {
      display: none; }
  div#cs-mobile-app login {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    div#cs-mobile-app login input {
      width: 100%; }
    div#cs-mobile-app login .form-error_message {
      color: red; }
    div#cs-mobile-app login #remember_login {
      display: inline-block;
      width: 10%;
      margin-top: 10px; }
  div#cs-mobile-app .user-menu-modal.modal .modal-dialog {
    margin: 0;
    width: 80vw;
    left: auto;
    right: 0;
    top: 4px;
    text-align: left;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    div#cs-mobile-app .user-menu-modal.modal .modal-dialog .vertical-scroll .padded-container:after {
      display: none; }
  div#cs-mobile-app .user-menu-modal .modal-content {
    text-align: left; }
    div#cs-mobile-app .user-menu-modal .modal-content img {
      width: auto; }
  div#cs-mobile-app .user-menu-modal header {
    margin-bottom: 20px;
    position: relative; }
    div#cs-mobile-app .user-menu-modal header > div {
      padding: 0 20px; }
    div#cs-mobile-app .user-menu-modal header h4 {
      margin-top: 3px;
      color: #333;
      font-size: 15px;
      line-height: 1.75; }
  div#cs-mobile-app .user-menu-modal .cs-icon-user {
    position: absolute;
    right: 0;
    top: 0; }
  div#cs-mobile-app .user-menu-modal .back-header {
    margin-bottom: 0;
    padding: 15px 20px;
    background: #efeded;
    box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.16); }
    div#cs-mobile-app .user-menu-modal .back-header h4 {
      margin: 0; }
    div#cs-mobile-app .user-menu-modal .back-header .cs-icon-user {
      top: 13px;
      right: 10px; }
  div#cs-mobile-app login-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -o-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  @media (min-width: 992px) {
    div#cs-mobile-app configurator logo {
      position: absolute;
      left: 50px; }
      div#cs-mobile-app configurator logo .logo {
        margin-top: 0; }
        div#cs-mobile-app configurator logo .logo img {
          margin-top: 0;
          height: 80px; } }
  div#cs-mobile-app configurator .adaptive-container, div#cs-mobile-app configurator mobile-visualizer-page .visualizer-page-container, div#cs-mobile-app mobile-visualizer-page configurator .visualizer-page-container, div#cs-mobile-app configurator color-browser .color-browser-padding, div#cs-mobile-app color-browser configurator .color-browser-padding {
    margin: 0 auto; }
  div#cs-mobile-app configurator header {
    padding: 20px 0px 0; }
  div#cs-mobile-app configurator h2 {
    margin-bottom: 5px;
    color: #333;
    font-size: 16px; }
  div#cs-mobile-app configurator .desktop-color-brand {
    margin-top: 10px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 600; }
    @media (min-width: 992px) {
      div#cs-mobile-app configurator .desktop-color-brand {
        margin-bottom: 20px; } }
    div#cs-mobile-app configurator .desktop-color-brand .small-line {
      font-weight: 500;
      font-size: 12px; }
  div#cs-mobile-app configurator .kilz-button {
    padding: 0 10px;
    margin-top: 10px; }
    div#cs-mobile-app configurator .kilz-button.main-button {
      width: 250px;
      height: 45px; }
    div#cs-mobile-app configurator .kilz-button .circled-plus {
      margin-right: 4px;
      vertical-align: -7%; }
  div#cs-mobile-app configurator .header-info {
    position: relative;
    border-color: #D8D8D8;
    padding: 0; }
    @media (min-width: 992px) {
      div#cs-mobile-app configurator .header-info {
        padding-bottom: 40px; } }
    div#cs-mobile-app configurator .header-info .title {
      margin-top: 10px;
      font-size: 20px; }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .header-info .title {
          font-size: 32px; } }
    div#cs-mobile-app configurator .header-info button {
      position: absolute;
      left: 10px;
      top: 0;
      font-size: 12px;
      text-transform: uppercase; }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .header-info button {
          top: 7px; } }
  div#cs-mobile-app configurator .cart-item {
    padding: 10px;
    border-bottom: 1px solid #D8D8D8;
    position: relative; }
    @media (min-width: 992px) {
      div#cs-mobile-app configurator .cart-item.open .color-chip {
        display: none; } }
    div#cs-mobile-app configurator .cart-item .kilz-button.edit {
      text-transform: uppercase;
      font-size: 12px; }
    div#cs-mobile-app configurator .cart-item .header .color-chip, div#cs-mobile-app configurator .cart-item .header color-chip {
      position: relative;
      line-height: 0; }
    div#cs-mobile-app configurator .cart-item .header .color-name {
      display: flex;
      flex-flow: row;
      align-items: center; }
      div#cs-mobile-app configurator .cart-item .header .color-name h3 {
        padding: 0 10px;
        margin-top: 2px;
        font-weight: bold; }
    div#cs-mobile-app configurator .cart-item .header .accordion-trigger-container {
      position: absolute;
      right: 10px;
      top: 15px; }
    @media (min-width: 992px) {
      div#cs-mobile-app configurator .cart-item .header .color-chip {
        order: 1; }
        div#cs-mobile-app configurator .cart-item .header .color-chip .swatch.responsive, div#cs-mobile-app configurator .cart-item .header .color-chip .swatch-add-color {
          height: 25px;
          width: 200px;
          padding: 0; }
      div#cs-mobile-app configurator .cart-item .header .color-name {
        order: 0; }
        div#cs-mobile-app configurator .cart-item .header .color-name h3 {
          padding: 0; } }
    @media (max-width: 991px) {
      div#cs-mobile-app configurator .cart-item .chip-wrapper .swatch.responsive, div#cs-mobile-app configurator .cart-item .chip-wrapper .swatch-add-color {
        height: 100px;
        padding: 0; } }
    div#cs-mobile-app configurator .cart-item .inline-remove {
      position: absolute;
      top: 50%;
      right: 10px;
      text-align: center;
      text-transform: uppercase;
      font-size: 10px;
      transform: translateY(-50%); }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .cart-item .inline-remove {
          padding-top: 12px; } }
      div#cs-mobile-app configurator .cart-item .inline-remove .svg {
        margin: 0 auto;
        width: 24px;
        height: 24px; }
    div#cs-mobile-app configurator .cart-item.checkout {
      border-top: 1px solid #c5c2bf; }
      div#cs-mobile-app configurator .cart-item.checkout .status {
        padding-top: 0;
        text-align: right; }
      div#cs-mobile-app configurator .cart-item.checkout .paint-details {
        padding-bottom: 0; }
    div#cs-mobile-app configurator .cart-item .options .quantity-options {
      position: relative; }
    div#cs-mobile-app configurator .cart-item .options .size-options button,
    div#cs-mobile-app configurator .cart-item .options .sheen-options button {
      text-transform: uppercase; }
    div#cs-mobile-app configurator .cart-item .options .option-container {
      padding-bottom: 10px;
      color: #333; }
      div#cs-mobile-app configurator .cart-item .options .option-container.total {
        margin-top: 10px;
        text-align: center;
        color: #707070;
        font-size: 16px;
        font-weight: bold; }
        div#cs-mobile-app configurator .cart-item .options .option-container.total .price {
          font-size: 24px; }
        @media (min-width: 992px) {
          div#cs-mobile-app configurator .cart-item .options .option-container.total {
            margin-top: 30px;
            text-align: left;
            font-weight: normal; }
            div#cs-mobile-app configurator .cart-item .options .option-container.total .price {
              font-weight: bold; } }
    div#cs-mobile-app configurator .cart-item .options .label-col {
      font-size: 10px;
      padding-left: 6px;
      padding-top: 3px;
      text-transform: uppercase; }
    div#cs-mobile-app configurator .cart-item .options .help {
      display: none; }
    div#cs-mobile-app configurator .cart-item .options .configurator-option {
      padding: 0 6px; }
      div#cs-mobile-app configurator .cart-item .options .configurator-option button {
        display: block;
        width: 100%;
        padding: 10px 0;
        margin-bottom: 12px;
        border: 1px solid #c5c2bf; }
        div#cs-mobile-app configurator .cart-item .options .configurator-option button.active {
          border-color: #A61631;
          background: #A61631;
          color: #fff; }
        div#cs-mobile-app configurator .cart-item .options .configurator-option button[disabled], div#cs-mobile-app configurator .cart-item .options .configurator-option button.disabled {
          opacity: 0.25; }
    div#cs-mobile-app configurator .cart-item .paint-details {
      padding-bottom: 10px; }
      div#cs-mobile-app configurator .cart-item .paint-details .paint-id {
        margin-top: 16px; }
        div#cs-mobile-app configurator .cart-item .paint-details .paint-id h4 {
          font-size: 12px;
          color: #666666; }
      div#cs-mobile-app configurator .cart-item .paint-details .desktop-color-id {
        color: #666666;
        font-size: 12px; }
      div#cs-mobile-app configurator .cart-item .paint-details .quantity-button-container {
        text-align: center; }
        div#cs-mobile-app configurator .cart-item .paint-details .quantity-button-container .quantity-button {
          display: inline-block;
          width: auto; }
          @media (min-width: 992px) {
            div#cs-mobile-app configurator .cart-item .paint-details .quantity-button-container .quantity-button {
              margin-right: 10px; } }
        div#cs-mobile-app configurator .cart-item .paint-details .quantity-button-container input {
          width: 40px;
          border-top: 1px solid #c5c2bf;
          border-bottom: 1px solid #c5c2bf;
          height: 35px;
          margin: 0;
          padding: 0;
          appearance: none;
          -webkit-appearance: none;
          border-radius: 0;
          border-left: none;
          border-right: none;
          text-align: center; }
        div#cs-mobile-app configurator .cart-item .paint-details .quantity-button-container .plus,
        div#cs-mobile-app configurator .cart-item .paint-details .quantity-button-container .minus {
          height: 35px;
          width: 31px;
          border: 1px solid #c5c2bf;
          background: #F2F2F2;
          font-size: 18px;
          vertical-align: top; }
        @media (min-width: 992px) {
          div#cs-mobile-app configurator .cart-item .paint-details .quantity-button-container {
            text-align: left;
            padding: 0 6px; } }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .cart-item .paint-details .options {
          padding: 0 10%; } }
    div#cs-mobile-app configurator .cart-item .status {
      position: absolute;
      bottom: -23%;
      left: 50%;
      width: 100%;
      transform: translateX(-50%); }
      div#cs-mobile-app configurator .cart-item .status img {
        width: 100%; }
    div#cs-mobile-app configurator .cart-item label {
      color: #333; }
    div#cs-mobile-app configurator .cart-item select {
      color: #333;
      width: 100%;
      border: 1px solid #333;
      text-transform: capitalize; }
  div#cs-mobile-app configurator .chip-wrapper {
    display: block;
    position: relative;
    text-align: right; }
    div#cs-mobile-app configurator .chip-wrapper color-chip {
      display: block;
      position: relative; }
      div#cs-mobile-app configurator .chip-wrapper color-chip .swatch .one-coat-icon, div#cs-mobile-app configurator .chip-wrapper color-chip .swatch-add-color .one-coat-icon {
        width: 40%;
        height: 40%; }
    div#cs-mobile-app configurator .chip-wrapper .inline-remove {
      height: 16px;
      width: 16px;
      position: absolute;
      bottom: 5px;
      left: 0; }
  div#cs-mobile-app configurator .cart .walmart-header,
  div#cs-mobile-app configurator .cart .amazon-header {
    height: 74px;
    padding-top: 20px;
    text-align: center;
    color: #666666;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold; }
    @media (min-width: 992px) {
      div#cs-mobile-app configurator .cart .walmart-header,
      div#cs-mobile-app configurator .cart .amazon-header {
        font-size: 32px; } }
    div#cs-mobile-app configurator .cart .walmart-header img.amazon-available-logo,
    div#cs-mobile-app configurator .cart .amazon-header img.amazon-available-logo {
      vertical-align: -60%;
      width: 75px; }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .cart .walmart-header img.amazon-available-logo,
        div#cs-mobile-app configurator .cart .amazon-header img.amazon-available-logo {
          vertical-align: -35%;
          width: 100px; } }
    div#cs-mobile-app configurator .cart .walmart-header img.walmart-available-logo,
    div#cs-mobile-app configurator .cart .amazon-header img.walmart-available-logo {
      vertical-align: -15%;
      margin-left: 10px;
      width: 85px; }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .cart .walmart-header img.walmart-available-logo,
        div#cs-mobile-app configurator .cart .amazon-header img.walmart-available-logo {
          vertical-align: -5%;
          width: 115px; } }
  div#cs-mobile-app configurator .cart .walmart-header {
    padding-top: 23px; }
  div#cs-mobile-app configurator .cart .amazon-header {
    border-top: 1px solid #707070; }
    @media (min-width: 992px) {
      div#cs-mobile-app configurator .cart .amazon-header {
        border-top: 2px solid #707070;
        margin-top: 60px;
        padding-top: 40px;
        padding-bottom: 30px;
        height: auto; } }
    div#cs-mobile-app configurator .cart .amazon-header.no-margin {
      margin-top: 0;
      border-top: 0; }
  div#cs-mobile-app configurator .cart .walmart-items {
    margin-bottom: 10px; }
    div#cs-mobile-app configurator .cart .walmart-items h3.subtotal {
      margin-top: 10px;
      font-size: 16px;
      color: #484848; }
    div#cs-mobile-app configurator .cart .walmart-items h2.subtotal {
      font-size: 20px;
      color: #484848; }
  div#cs-mobile-app configurator .cart .cart-item {
    border: none; }
    div#cs-mobile-app configurator .cart .cart-item .cart-item-specifics {
      padding-top: 10px; }
      div#cs-mobile-app configurator .cart .cart-item .cart-item-specifics p {
        color: #666666;
        margin: 0;
        font-size: 12px;
        text-transform: capitalize; }
    div#cs-mobile-app configurator .cart .cart-item .desktop-cart-item-specifics {
      padding: 10px 10%; }
      div#cs-mobile-app configurator .cart .cart-item .desktop-cart-item-specifics button {
        width: auto;
        padding: 0 20px;
        margin: 0; }
      div#cs-mobile-app configurator .cart .cart-item .desktop-cart-item-specifics p {
        margin: 0;
        height: 45px; }
        div#cs-mobile-app configurator .cart .cart-item .desktop-cart-item-specifics p label {
          display: inline-block;
          width: 70px;
          color: #666666;
          font-size: 12px;
          text-transform: uppercase; }
        div#cs-mobile-app configurator .cart .cart-item .desktop-cart-item-specifics p span.field {
          display: inline-block;
          text-transform: uppercase;
          border: 1px solid #EBEBEB;
          padding: 7px 10px;
          font-weight: 500;
          font-size: 14px;
          width: 140px;
          text-align: center; }
          div#cs-mobile-app configurator .cart .cart-item .desktop-cart-item-specifics p span.field.quantity {
            width: 50px;
            margin-right: 10px; }
    div#cs-mobile-app configurator .cart .cart-item .paint-name h3 {
      padding-top: 3px;
      text-transform: capitalize;
      font-weight: bold;
      font-size: 14px;
      color: #484848; }
    div#cs-mobile-app configurator .cart .cart-item .paint-name h4 {
      color: #666666;
      font-size: 12px; }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .cart .cart-item .paint-name h4 {
          text-align: center; } }
    div#cs-mobile-app configurator .cart .cart-item .chip-wrapper {
      float: left;
      margin-right: 10px; }
      @media (min-width: 992px) {
        div#cs-mobile-app configurator .cart .cart-item .chip-wrapper {
          float: none;
          margin-right: 0;
          margin-bottom: 30px;
          text-align: center; } }
      div#cs-mobile-app configurator .cart .cart-item .chip-wrapper color-chip {
        text-align: center; }
        @media (max-width: 991px) {
          div#cs-mobile-app configurator .cart .cart-item .chip-wrapper color-chip .swatch.responsive, div#cs-mobile-app configurator .cart .cart-item .chip-wrapper color-chip .swatch-add-color {
            height: 42px;
            width: 42px; } }
    div#cs-mobile-app configurator .cart .cart-item button {
      min-width: initial;
      width: 100%; }
  div#cs-mobile-app configurator .cart .kilz-button.walmart-checkout {
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    min-width: initial;
    width: auto;
    display: inline-block;
    padding: 0 12px; }
    div#cs-mobile-app configurator .cart .kilz-button.walmart-checkout img.walmart-logo {
      height: initial;
      width: 87px;
      vertical-align: -17%;
      margin-left: 0.4em; }
    div#cs-mobile-app configurator .cart .kilz-button.walmart-checkout .img.chevron {
      vertical-align: -8%; }
  div#cs-mobile-app configurator .cart .amazon-cart-item .cart-item-add-to-cart-button {
    text-align: center;
    margin: 20px 0; }
    div#cs-mobile-app configurator .cart .amazon-cart-item .cart-item-add-to-cart-button .kilz-button.checkout {
      height: 45px;
      line-height: 45px;
      text-transform: uppercase;
      min-width: initial;
      width: auto;
      display: inline-block;
      text-decoration: none;
      padding: 0 12px; }
      div#cs-mobile-app configurator .cart .amazon-cart-item .cart-item-add-to-cart-button .kilz-button.checkout img.amazon-logo {
        height: initial;
        width: 72px;
        vertical-align: -26%;
        margin-left: 0.4em; }
      div#cs-mobile-app configurator .cart .amazon-cart-item .cart-item-add-to-cart-button .kilz-button.checkout .img.chevron {
        vertical-align: -8%; }
  div#cs-mobile-app configurator .accordion-trigger {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/chevron_down.svg") 0 0 no-repeat; }
    div#cs-mobile-app configurator .accordion-trigger.open {
      background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/chevron_up.svg") 0 0 no-repeat; }
  div#cs-mobile-app configurator p.warning {
    margin-top: 5px;
    padding-left: 25px;
    background: url("/binaries/content/assets/kilz/css/colorvisualizer/images/yield.svg") 0 0 no-repeat;
    background-size: 18px 18px;
    font-size: 12px; }
  div#cs-mobile-app .modal-content .paint-name {
    text-align: left;
    padding: 5px 0px;
    color: #333; }
    div#cs-mobile-app .modal-content .paint-name h3,
    div#cs-mobile-app .modal-content .paint-name h4 {
      color: #333; }
    div#cs-mobile-app .modal-content .paint-name h3 {
      text-transform: capitalize; }
  .locale-cl div#cs-mobile-app a.btn-twitter {
    /* Hide Twitter btn for Chile */
    display: none; }
  div#cs-mobile-app share-buttons > div {
    margin: 20px 0; }
  div#cs-mobile-app share-buttons a {
    display: inline-block; }
  div#cs-mobile-app share-buttons svg {
    height: 20px;
    margin-right: 16px;
    fill: #231F20;
    opacity: 0.5; }
  @media (max-width: 350px) {
    div#cs-mobile-app share-buttons > div {
      margin: 0; }
    div#cs-mobile-app share-buttons .pure-u-1-2 {
      text-align: center;
      margin-top: 8px;
      width: 100%; }
    div#cs-mobile-app share-buttons svg {
      margin-left: 8px;
      margin-right: 8px; } }
  div#cs-mobile-app .nav-tabs {
    margin: 0 0px 30px;
    align-items: stretch;
    display: flex;
    flex-direction: row;
    background: #fff;
    border: none;
    text-align: center; }
    div#cs-mobile-app .nav-tabs > li {
      margin: 0;
      align-items: center;
      display: flex;
      flex: 0 1 100%;
      float: none;
      justify-content: center;
      position: relative;
      border-right: 1px solid #c5c2bf; }
      div#cs-mobile-app .nav-tabs > li > a,
      div#cs-mobile-app .nav-tabs > li > a:hover,
      div#cs-mobile-app .nav-tabs > li > a:focus {
        margin: 0;
        padding: 0;
        display: inline-block;
        border: none !important;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        opacity: 0.48; }
        div#cs-mobile-app .nav-tabs > li > a img,
        div#cs-mobile-app .nav-tabs > li > a:hover img,
        div#cs-mobile-app .nav-tabs > li > a:focus img {
          max-width: 72px; }
      div#cs-mobile-app .nav-tabs > li.active > a,
      div#cs-mobile-app .nav-tabs > li.active > a:hover,
      div#cs-mobile-app .nav-tabs > li.active > a:focus {
        color: #333;
        opacity: 1; }
      div#cs-mobile-app .nav-tabs > li.active:after {
        height: 0;
        width: 0;
        margin-left: -9.5px;
        bottom: -30px;
        left: 50%;
        position: absolute;
        border-style: solid;
        border-width: 0 9.5px 12px 9.5px;
        border-color: transparent transparent #eeefef transparent;
        content: ''; }
      div#cs-mobile-app .nav-tabs > li.full-opacity > a,
      div#cs-mobile-app .nav-tabs > li.full-opacity > a:hover,
      div#cs-mobile-app .nav-tabs > li.full-opacity > a:focus {
        opacity: 1; }
      div#cs-mobile-app .nav-tabs > li:last-child {
        border-right: none; }
  div#cs-mobile-app .tab-content {
    margin-top: -1px;
    min-height: 300px;
    padding: 36px 30px 55px;
    background: #eeefef;
    color: #333; }
    div#cs-mobile-app .tab-content h1, div#cs-mobile-app .tab-content h2, div#cs-mobile-app .tab-content h3, div#cs-mobile-app .tab-content h4, div#cs-mobile-app .tab-content h5, div#cs-mobile-app .tab-content h6 {
      color: #333; }
    div#cs-mobile-app .tab-content h3 {
      font-size: 16px;
      font-weight: bold; }
    div#cs-mobile-app .tab-content ul {
      margin: 20px 0;
      padding: 0 0 0 16px;
      font-size: 12px; }
      div#cs-mobile-app .tab-content ul li {
        margin-bottom: 5px; }
  div#cs-mobile-app .logo {
    text-align: center;
    margin-top: 10px; }
    div#cs-mobile-app .logo img {
      height: 60px; }
      @media (min-width: 768px) {
        div#cs-mobile-app .logo img {
          height: 60px; } }
      @media (min-width: 992px) {
        div#cs-mobile-app .logo img {
          margin-top: 15px;
          height: 80px; } }
  div#cs-mobile-app .generic-form label {
    margin-bottom: 2px;
    padding: 0 0 0 5px;
    display: block;
    font-size: 11px; }
    div#cs-mobile-app .generic-form label input {
      margin: 0 5px 0 0;
      min-height: 0;
      width: auto; }
    div#cs-mobile-app .generic-form label.encapsulated-input {
      padding: 0;
      margin-bottom: 10px; }
  div#cs-mobile-app .generic-form input,
  div#cs-mobile-app .generic-form select {
    margin-bottom: 15px;
    min-height: 28px;
    width: 100%; }
  div#cs-mobile-app .generic-form label,
  div#cs-mobile-app .generic-form input,
  div#cs-mobile-app .generic-form select {
    color: #333 !important; }
  div#cs-mobile-app .generic-form .form-error_message {
    color: red; }
  div#cs-mobile-app .generic-form.error input.ng-invalid,
  div#cs-mobile-app .generic-form.error select.ng-invalid {
    outline-color: red;
    border-color: red; }
  div#cs-mobile-app .generic-form > .btn:first-child {
    margin-bottom: 20px; }
  div#cs-mobile-app .generic-form .btn-link {
    color: #333;
    font-size: 11px; }
  div#cs-mobile-app saved-projects h2,
  div#cs-mobile-app saved-projects h3 {
    color: #333;
    text-align: center; }
  div#cs-mobile-app saved-projects h2 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold; }
  div#cs-mobile-app saved-projects h3 {
    margin-bottom: 20px;
    font-size: 13px; }
  div#cs-mobile-app similar-colors .horizontal-chevron {
    width: 12px;
    position: absolute;
    z-index: 1;
    top: 25%; }
    div#cs-mobile-app similar-colors .horizontal-chevron.next {
      right: 0; }
    div#cs-mobile-app similar-colors .horizontal-chevron.prev {
      left: -30px; }
  div#cs-mobile-app similar-colors .hide-arrows .slick-arrow,
  div#cs-mobile-app similar-colors .slick-arrow.slick-disabled {
    display: none !important; }
  div#cs-mobile-app similar-colors .slick-list {
    margin: 0;
    overflow: hidden; }
  div#cs-mobile-app similar-colors .other-colors {
    margin-top: 30px;
    position: relative; }
    div#cs-mobile-app similar-colors .other-colors .similar-colors {
      min-height: 80px; }
    div#cs-mobile-app similar-colors .other-colors .spinner-overlay {
      min-height: 80px;
      background: #fff;
      padding-top: 6px;
      padding-left: 5px;
      z-index: 1;
      background-blend-mode: darken; }
    div#cs-mobile-app similar-colors .other-colors .other-colors-title {
      margin-top: 16px;
      margin-bottom: 6px;
      text-transform: uppercase;
      color: #484848;
      display: block; }
    div#cs-mobile-app similar-colors .other-colors .similarColor {
      padding: 0;
      display: inline-block;
      text-align: left;
      width: 75px;
      vertical-align: top;
      margin-right: 6px;
      outline: none; }
      div#cs-mobile-app similar-colors .other-colors .similarColor color-chip {
        padding: 0; }
      div#cs-mobile-app similar-colors .other-colors .similarColor .chip-title {
        margin-top: 6px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.2; }
      div#cs-mobile-app similar-colors .other-colors .similarColor .chip-id {
        font-size: 12px;
        color: #666666; }
    div#cs-mobile-app similar-colors .other-colors color-description {
      margin: 0; }
      div#cs-mobile-app similar-colors .other-colors color-description div:first-child {
        margin-top: 0;
        padding-top: 14px; }
      div#cs-mobile-app similar-colors .other-colors color-description .add-item {
        display: inline-block; }
      div#cs-mobile-app similar-colors .other-colors color-description .store-container {
        display: none; }
  div#cs-mobile-app .welcome-page logo {
    margin: 0 auto; }
  div#cs-mobile-app .welcome-page .welcome-page-top-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      div#cs-mobile-app .welcome-page .welcome-page-top-container {
        background-position: center; } }
    div#cs-mobile-app .welcome-page .welcome-page-top-container .welcome-home-top-container-shadow {
      top: 0px; }
    div#cs-mobile-app .welcome-page .welcome-page-top-container .welcome-page-headline {
      color: #fff;
      font-size: 48px;
      font-weight: bold;
      line-height: 1;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
      @media (max-width: 767px) {
        div#cs-mobile-app .welcome-page .welcome-page-top-container .welcome-page-headline {
          font-size: 32px; } }
  div#cs-mobile-app .welcome-page .welcome-page-center-container {
    background: #fff;
    height: 300px; }
    div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-description {
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
      padding: 6px;
      font-weight: 200;
      font-size: 20px;
      text-align: center;
      color: #484848; }
      @media (max-width: 991px) {
        div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-description {
          padding: 6px 10%; } }
    div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection {
      margin-top: 20px;
      background-color: #fff; }
      div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection div {
        padding: 0px;
        text-align: center; }
        div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection div button {
          border: 2px #A61631 solid;
          width: 184px;
          height: 45px;
          font-weight: bold;
          color: #A61631;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px;
          text-align: center;
          display: inline-block; }
          @media (min-width: 992px) {
            div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection div button {
              height: 57px;
              font-size: 17px;
              width: 236px; } }
        @media (min-width: 992px) {
          div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection div:first-child {
            text-align: right; }
            div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection div:first-child button {
              margin-right: 25px; }
          div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection div:last-child {
            text-align: left; }
            div#cs-mobile-app .welcome-page .welcome-page-center-container .welcome-page-button-selection div:last-child button {
              margin-left: 25px; } }
  div#cs-mobile-app visualize-mini-menu .visualize-mini-menu {
    display: flex;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
    align-items: center;
    height: 70px; }
    div#cs-mobile-app visualize-mini-menu .visualize-mini-menu > * {
      margin-right: 6px; }
      div#cs-mobile-app visualize-mini-menu .visualize-mini-menu > *:last-child {
        margin-right: 0; }
    div#cs-mobile-app visualize-mini-menu .visualize-mini-menu .mini-viz-container {
      overflow: hidden;
      display: flex;
      justify-content: center; }
    div#cs-mobile-app visualize-mini-menu .visualize-mini-menu visualizer {
      width: 68px;
      max-height: 68px;
      padding-left: 0;
      border-left: none; }
      div#cs-mobile-app visualize-mini-menu .visualize-mini-menu visualizer canvas {
        min-width: 66px;
        max-height: 68px; }
    div#cs-mobile-app visualize-mini-menu .visualize-mini-menu .upload-a-photo {
      width: 67px;
      height: 67px;
      border: 1px dashed #8e8e8e;
      text-align: center;
      font-weight: 16px;
      font-size: 10px;
      padding: 8px;
      line-height: 1.1;
      color: #8e8e8e; }
      div#cs-mobile-app visualize-mini-menu .visualize-mini-menu .upload-a-photo img {
        width: 22px;
        display: block;
        margin: 4px auto; }
    div#cs-mobile-app visualize-mini-menu .visualize-mini-menu .visual-paint {
      display: inline-block;
      padding: 0 2px;
      font-size: 12px;
      height: 30px;
      line-height: 30px; }
  div#cs-mobile-app .chipset-menu-area {
    margin-left: -8px;
    margin-right: -8px; }
    @media (min-width: 992px) {
      div#cs-mobile-app .chipset-menu-area {
        margin: 0; } }
    div#cs-mobile-app .chipset-menu-area .color_title {
      padding-top: 25px;
      font-weight: bold;
      font-size: 16px;
      color: #484848;
      text-align: center; }
    div#cs-mobile-app .chipset-menu-area a {
      background-color: #fff;
      color: #0072BC;
      line-height: 0; }
      div#cs-mobile-app .chipset-menu-area a > div {
        margin: 8px; }
        @media (min-width: 992px) {
          div#cs-mobile-app .chipset-menu-area a > div {
            margin: 8px; } }
        div#cs-mobile-app .chipset-menu-area a > div div.responsive {
          border: 1px #D8D8D8 solid; }
      @media (min-width: 992px) {
        div#cs-mobile-app .chipset-menu-area a {
          width: 11.1111%; }
          div#cs-mobile-app .chipset-menu-area a.pure-u-md-greater-1-9 {
            width: 10%; } }
  div#cs-mobile-app .border {
    margin-top: 10px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px #D8D8D8 solid; }
  div#cs-mobile-app .chipset-animation-area {
    display: block;
    margin: 0 10px 0 10px;
    padding-top: 10px; }
    @media (min-width: 992px) {
      div#cs-mobile-app .chipset-animation-area {
        border-top: 1px #D8D8D8 solid;
        margin-top: 10px; } }
    div#cs-mobile-app .chipset-animation-area .chipset-description {
      text-transform: uppercase;
      font-size: 20px;
      padding: 10px 0;
      margin-left: -9px; }
      @media (min-width: 992px) {
        div#cs-mobile-app .chipset-animation-area .chipset-description {
          margin-left: 0;
          padding-bottom: 0; } }
      div#cs-mobile-app .chipset-animation-area .chipset-description .message_color {
        text-align: left;
        position: relative;
        display: inline-block; }
        @media (min-width: 992px) {
          div#cs-mobile-app .chipset-animation-area .chipset-description .message_color {
            display: inline-block; } }
      div#cs-mobile-app .chipset-animation-area .chipset-description .message_desc {
        text-align: right;
        position: relative;
        display: none;
        text-align: left; }
        @media (min-width: 992px) {
          div#cs-mobile-app .chipset-animation-area .chipset-description .message_desc {
            display: none;
            position: absolute;
            right: 26px;
            color: #D8D8D8;
            font-weight: bold; } }
    div#cs-mobile-app .chipset-animation-area kilz-chipset {
      display: block;
      position: relative;
      margin-left: -8px;
      margin-right: -8px; }
      div#cs-mobile-app .chipset-animation-area kilz-chipset .selected {
        background: url(/binaries/content/assets/kilz/css/colorvisualizer/images/check.svg) no-repeat center center;
        background-size: 20px; }
      div#cs-mobile-app .chipset-animation-area kilz-chipset > div {
        line-height: 0px;
        padding-right: 5px;
        padding-bottom: 5px; }
        div#cs-mobile-app .chipset-animation-area kilz-chipset > div:last-child {
          padding-right: 0px;
          padding-bottom: 0px; }
        @media (min-width: 992px) {
          div#cs-mobile-app .chipset-animation-area kilz-chipset > div {
            width: 16.6667%;
            margin-left: auto;
            margin-right: auto;
            padding: 8px; } }
      div#cs-mobile-app .chipset-animation-area kilz-chipset .kilz-button {
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 0px;
        width: 70%;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        line-height: 44px; }

/*# sourceMappingURL=app.dist.css.map */