@charset "utf-8";

@font-face {
  font-family: "Guardian-EgypTT";
  src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2");
  src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2#iefix")
      format("embedded-opentype"),
    url("../fonts/Guardian-EgypTT-Medium.woff2?v=2") format("woff2"),
    url("../fonts/Guardian-EgypTT-Medium.woff?v=2") format("woff"),
    url("../fonts/Guardian-EgypTT-Medium.ttf?v=2") format("truetype"),
    url("../fonts/Guardian-EgypTT-Medium.svg?v=2#Guardian EgypTT") format("svg");
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Guardian-EgypTT";
  src: url("../fonts/Guardian-EgypTT-Light.eot?v=2");
  src: url("../fonts/Guardian-EgypTT-Light.eot?v=2#iefix")
      format("embedded-opentype"),
    url("../fonts/Guardian-EgypTT-Light.woff2?v=2") format("woff2"),
    url("../fonts/Guardian-EgypTT-Light.woff?v=2") format("woff"),
    url("../fonts/Guardian-EgypTT-Light.ttf?v=2") format("truetype"),
    url("../fonts/Guardian-EgypTT-Light.svg?v=2#Guardian-EgypTT") format("svg");
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik Webfont";
  src: url("../fonts/Graphik-Regular-Web.eot");
  src: url("../fonts/Graphik-Regular-Web.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Graphik-Regular-Web.woff2") format("woff2"),
    url("../fonts/Graphik-Regular-Web.woff") format("woff"),
    url("../fonts/Graphik-Regular-Web.svg#Graphik-Regular-Web") format("svg"),
    url("../fonts/Graphik-Regular-Web.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Webfont";
  src: url("../fonts/Graphik-Medium-Web.eot");
  src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Medium-Web.woff2") format("woff2"),
    url("../fonts/Graphik-Medium-Web.woff") format("woff"),
    url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"),
    url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Webfont";
  src: url("../fonts/Graphik-Medium-Web.eot");
  src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Medium-Web.woff2") format("woff2"),
    url("../fonts/Graphik-Medium-Web.woff") format("woff"),
    url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"),
    url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

.gnav-header #search-query {
  height: -webkit-fill-available;
  position: absolute;
  width: 100%;
  top: 50%;
  background: #f9f9f8;
  margin-top: -17px;
  padding: 6px 10px;
  padding-left: 40px !important;
  margin-left: 0;
  height: 38px;
  font-size: 17px;
  box-sizing: border-box;
  background: url(../images/srch.png) no-repeat !important;
  background-position: 15px 10px !important;
  background-color: #fff !important;
}

/* .ui-toolkit .animated {
    -webkit-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
} */

.ui-toolkit *,
.ui-toolkit *:before,
.ui-toolkit *:after {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-toolkit body,
.ui-toolkit html {
  height: 100%;
  width: 100%;
}

.ui-toolkit .body-max-width {
  /*max-width: 1400px;*/
  max-width: 1450px;
  margin: 0 auto;
}

.ui-toolkit .body-sub-width {
  /*max-width: 1330px;*/
  max-width: 1380px;
  margin: 0 auto;
}

.ui-toolkit body {
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  line-height: 1.4;
  /* -webkit-font-smoothing: antialiased; */
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit body {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-hero {
  font-size: 84px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-hero {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-headline-larger,
.ui-toolkit .text-editorial-nova h1 {
  font-size: 68px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 600;
  font-weight: 300;
  line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-headline-larger,
  .ui-toolkit .text-editorial-nova h1 {
    font-family: "Guardian-EgypTT", serif;
  }
}

.ui-toolkit .text-headline {
  font-size: 52px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 600;
  font-weight: 300;
  line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-headline {
    font-family: "Guardian-EgypTT", serif;
  }
}

.ui-toolkit .text-headline-smaller,
.ui-toolkit .text-editorial-nova h2,
.ui-toolkit .text-editorial-nova blockquote {
  font-size: 42px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 600;
  font-weight: 300;
  line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-headline-smaller,
  .ui-toolkit .text-editorial-nova h2,
  .ui-toolkit .text-editorial-nova blockquote {
    font-family: "Guardian-EgypTT", serif;
  }
}

.ui-toolkit .text-editorial-nova blockquote {
  font-style: normal;
  border-left: none;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.ui-toolkit .text-title-larger,
.ui-toolkit .text-editorial-nova h3 {
  font-size: 32px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-title-larger,
  .ui-toolkit .text-editorial-nova h3 {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-title,
.ui-toolkit .text-editorial-nova h4 {
  font-size: 26px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-title,
  .ui-toolkit .text-editorial-nova h4 {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-title-smaller,
.ui-toolkit .text-editorial-nova h5 {
  font-size: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  text-transform: none;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-title-smaller,
  .ui-toolkit .text-editorial-nova h5 {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-editorial-nova h5 {
  line-height: 1.6;
}

.ui-toolkit .text-body-largest,
.ui-toolkit .text-editorial-nova h6 {
  font-size: 18px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-body-largest,
  .ui-toolkit .text-editorial-nova h6 {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-editorial-nova h6 {
  font-weight: 500;
  text-transform: none;
  line-height: 1.6;
}

.ui-toolkit .text-body-larger {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-body-larger {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-body {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-body {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-body-smaller {
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-body-smaller {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit .text-category-label {
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit .text-category-label {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .ui-toolkit .text-hero {
    font-size: 68px;
    font-weight: bold;
  }

  .ui-toolkit .text-headline-larger,
  .ui-toolkit .text-editorial-nova h1 {
    font-size: 52px;
    font-weight: 300;
  }

  .ui-toolkit .text-headline {
    font-size: 42px;
    font-weight: 300;
  }

  .ui-toolkit .text-headline-smaller,
  .ui-toolkit .text-editorial-nova h2,
  .ui-toolkit .text-editorial-nova blockquote {
    font-size: 32px;
    font-weight: 300;
  }

  .ui-toolkit .text-title-larger,
  .ui-toolkit .text-editorial-nova h3 {
    font-size: 26px;
    font-weight: bold;
  }

  .ui-toolkit .text-title,
  .ui-toolkit .text-editorial-nova h4 {
    font-size: 20px;
    font-weight: bold;
  }

  .ui-toolkit .text-title-smaller,
  .ui-toolkit .text-editorial-nova h5 {
    font-size: 18px;
    font-weight: bold;
  }

  .ui-toolkit .text-body-largest,
  .ui-toolkit .text-editorial-nova h6 {
    font-size: 16px;
    font-weight: normal;
  }

  .ui-toolkit .text-editorial-nova h6 {
    font-weight: bold;
  }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .ui-toolkit .text-hero {
    font-size: 52px;
  }

  .ui-toolkit .text-headline-larger,
  .ui-toolkit .text-editorial-nova h1 {
    font-size: 30px;
  }

  .ui-toolkit .text-headline {
    font-size: 32px;
  }

  .ui-toolkit .text-headline-smaller,
  .ui-toolkit .text-editorial-nova h2,
  .ui-toolkit .text-editorial-nova blockquote {
    font-size: 26px;
  }

  .ui-toolkit .text-title-larger,
  .ui-toolkit .text-editorial-nova h3 {
    font-size: 20px;
  }

  .ui-toolkit .text-title,
  .ui-toolkit .text-editorial-nova h4 {
    font-size: 20px;
  }

  .ui-toolkit .text-title-smaller,
  .ui-toolkit .text-editorial-nova h5 {
    font-size: 18px;
  }

  .ui-toolkit .text-body-largest,
  .ui-toolkit .text-editorial-nova h6 {
    font-size: 16px;
  }

  .ui-toolkit .text-editorial-nova h6 {
    font-weight: bold;
  }
}

.ui-toolkit h1,
.ui-toolkit .h1 {
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 0) {
  .ui-toolkit h1,
  .ui-toolkit .h1 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit h1,
  .ui-toolkit .h1 {
    font-size: 26px;
  }
}

.ui-toolkit h2,
.ui-toolkit .h2 {
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
}

.ui-toolkit h3,
.ui-toolkit .h3 {
  -webkit-font-smoothing: antialiased;
}

.ui-toolkit h1,
.ui-toolkit .h1,
.ui-toolkit h2,
.ui-toolkit .h2,
.ui-toolkit h3,
.ui-toolkit .h3 {
  font-weight: 500;
}

.ui-toolkit h1.normalize,
.ui-toolkit h2.normalize,
.ui-toolkit h3.normalize,
.ui-toolkit h4.normalize,
.ui-toolkit h5.normalize,
.ui-toolkit h6.normalize {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
  padding: inherit;
}

.ui-toolkit blockquote {
  border-left: 1px solid #e1e3df;
  font-style: italic;
  padding: 12px 0 12px 12px;
}

.ui-toolkit .ss-icon,
.ui-toolkit .ss-gigtodo {
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  vertical-align: middle;
}

.ui-toolkit .hljs.hljs {
  background-color: #fbfbfa;
}

.ui-toolkit .flag {
  display: table;
  width: 100%;
}

.ui-toolkit .flag-body,
.ui-toolkit .flag-img {
  display: table-cell;
  vertical-align: middle;
}

.ui-toolkit .flag-body {
  width: 100%;
}

.ui-toolkit .flag-img {
  padding-right: 12px;
}

.ui-toolkit .flag-img img {
  display: block;
}

.ui-toolkit .flag-img-right {
  padding-left: 12px;
  padding-right: 0;
}

.ui-toolkit .col-group {
  float: none;
  position: relative;
}

.ui-toolkit .col-group:before,
.ui-toolkit .col-group:after {
  content: " ";
  display: table;
}

.ui-toolkit .col-group:after {
  clear: both;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .col-group {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .col-group {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .col-group {
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media only screen and (min-width: 0) {
  .ui-toolkit .col-flush {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .col-flush {
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .col-flush {
    margin-left: -36px;
    margin-right: -36px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit [class*="col-xs-"],
  .ui-toolkit [class*="col-sm-"],
  .ui-toolkit [class*="col-md-"],
  .ui-toolkit [class*="col-lg-"],
  .ui-toolkit [class*="col-xl-"] {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit [class*="col-xs-"],
  .ui-toolkit [class*="col-sm-"],
  .ui-toolkit [class*="col-md-"],
  .ui-toolkit [class*="col-lg-"],
  .ui-toolkit [class*="col-xl-"] {
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media only screen and (min-width: 0) {
  .ui-toolkit .col-xs-1 {
    width: 8.33333%;
  }

  .ui-toolkit .col-xs-2 {
    width: 16.66667%;
  }

  .ui-toolkit .col-xs-3 {
    width: 25%;
  }

  .ui-toolkit .col-xs-4 {
    width: 33.33333%;
  }

  .ui-toolkit .col-xs-5 {
    width: 41.66667%;
  }

  .ui-toolkit .col-xs-6 {
    width: 50%;
  }

  .ui-toolkit .col-xs-7 {
    width: 58.33333%;
  }

  .ui-toolkit .col-xs-8 {
    width: 66.66667%;
  }

  .ui-toolkit .col-xs-9 {
    width: 75%;
  }

  .ui-toolkit .col-xs-10 {
    width: 83.33333%;
  }

  .ui-toolkit .col-xs-11 {
    width: 91.66667%;
  }

  .ui-toolkit .col-xs-12 {
    width: 100%;
    /* margin-top:15px; */
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .col-sm-1 {
    width: 8.33333%;
  }

  .ui-toolkit .col-sm-2 {
    width: 16.66667%;
  }

  .ui-toolkit .col-sm-3 {
    width: 25%;
  }

  .ui-toolkit .col-sm-4 {
    width: 33.33333%;
  }

  .ui-toolkit .col-sm-5 {
    width: 41.66667%;
  }

  .ui-toolkit .col-sm-6 {
    width: 50%;
  }

  .ui-toolkit .col-sm-7 {
    width: 58.33333%;
  }

  .ui-toolkit .col-sm-8 {
    width: 66.66667%;
  }

  .ui-toolkit .col-sm-9 {
    width: 75%;
  }

  .ui-toolkit .col-sm-10 {
    width: 83.33333%;
  }

  .ui-toolkit .col-sm-11 {
    width: 91.66667%;
  }

  .ui-toolkit .col-sm-12 {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .gnav-header .account-nav {
    float: right;
    margin: 19px 0 0 !important;
    padding-left: 0;
  }

  .is-responsive .gnav-header .account-nav .count {
    position: absolute;
    top: -10px;
    right: 0px;
    font-size: 12px;
    /* line-height: 24px; */
    padding: 0 5px;
    margin-top: 0;
    /* min-width: 22px; */
  }

  .ui-toolkit .col-lg-1 {
    width: 8.33333%;
  }

  .ui-toolkit .col-lg-2 {
    width: 16.66667%;
  }

  .ui-toolkit .col-lg-3 {
    width: 25%;
  }

  .ui-toolkit .col-lg-4 {
    width: 33.33333%;
  }

  .ui-toolkit .col-lg-5 {
    width: 41.66667%;
  }

  .ui-toolkit .col-lg-6 {
    width: 50%;
  }

  .ui-toolkit .col-lg-7 {
    width: 58.33333%;
  }

  .ui-toolkit .col-lg-8 {
    width: 66.66667%;
  }

  .ui-toolkit .col-lg-9 {
    width: 75%;
  }

  .ui-toolkit .col-lg-10 {
    width: 83.33333%;
  }

  .ui-toolkit .col-lg-11 {
    width: 91.66667%;
  }

  .ui-toolkit .col-lg-12 {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .col-xl-1 {
    width: 8.33333%;
  }

  .ui-toolkit .col-xl-2 {
    width: 16.66667%;
  }

  .ui-toolkit .col-xl-3 {
    width: 25%;
  }

  .ui-toolkit .col-xl-4 {
    width: 33.33333%;
  }

  .ui-toolkit .col-xl-5 {
    width: 41.66667%;
  }

  .ui-toolkit .col-xl-6 {
    width: 50%;
  }

  .ui-toolkit .col-xl-7 {
    width: 58.33333%;
  }

  .ui-toolkit .col-xl-8 {
    width: 66.66667%;
  }

  .ui-toolkit .col-xl-9 {
    width: 75%;
  }

  .ui-toolkit .col-xl-10 {
    width: 83.33333%;
  }

  .ui-toolkit .col-xl-11 {
    width: 91.66667%;
  }

  .ui-toolkit .col-xl-12 {
    width: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .col-tv-1 {
    width: 8.33333%;
  }

  .ui-toolkit .col-tv-2 {
    width: 16.66667%;
  }

  .ui-toolkit .col-tv-3 {
    width: 25%;
  }

  .ui-toolkit .col-tv-4 {
    width: 33.33333%;
  }

  .ui-toolkit .col-tv-5 {
    width: 41.66667%;
  }

  .ui-toolkit .col-tv-6 {
    width: 50%;
  }

  .ui-toolkit .col-tv-7 {
    width: 58.33333%;
  }

  .ui-toolkit .col-tv-8 {
    width: 66.66667%;
  }

  .ui-toolkit .col-tv-9 {
    width: 75%;
  }

  .ui-toolkit .col-tv-10 {
    width: 83.33333%;
  }

  .ui-toolkit .col-tv-11 {
    width: 91.66667%;
  }

  .ui-toolkit .col-tv-12 {
    width: 100%;
  }
}

@media only screen and (min-width: 0) {
  .ui-toolkit .col-offset-xs-0 {
    margin-left: 0%;
  }

  .ui-toolkit .col-offset-xs-1 {
    margin-left: 8.33333%;
  }

  .ui-toolkit .col-offset-xs-2 {
    margin-left: 16.66667%;
  }

  .ui-toolkit .col-offset-xs-3 {
    margin-left: 25%;
  }

  .ui-toolkit .col-offset-xs-4 {
    margin-left: 33.33333%;
  }

  .ui-toolkit .col-offset-xs-5 {
    margin-left: 41.66667%;
  }

  .ui-toolkit .col-offset-xs-6 {
    margin-left: 50%;
  }

  .ui-toolkit .col-offset-xs-7 {
    margin-left: 58.33333%;
  }

  .ui-toolkit .col-offset-xs-8 {
    margin-left: 66.66667%;
  }

  .ui-toolkit .col-offset-xs-9 {
    margin-left: 75%;
  }

  .ui-toolkit .col-offset-xs-10 {
    margin-left: 83.33333%;
  }

  .ui-toolkit .col-offset-xs-11 {
    margin-left: 91.66667%;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .col-offset-sm-0 {
    margin-left: 0%;
  }

  .ui-toolkit .col-offset-sm-1 {
    margin-left: 8.33333%;
  }

  .ui-toolkit .col-offset-sm-2 {
    margin-left: 16.66667%;
  }

  .ui-toolkit .col-offset-sm-3 {
    margin-left: 25%;
  }

  .ui-toolkit .col-offset-sm-4 {
    margin-left: 33.33333%;
  }

  .ui-toolkit .col-offset-sm-5 {
    margin-left: 41.66667%;
  }

  .ui-toolkit .col-offset-sm-6 {
    margin-left: 50%;
  }

  .ui-toolkit .col-offset-sm-7 {
    margin-left: 58.33333%;
  }

  .ui-toolkit .col-offset-sm-8 {
    margin-left: 66.66667%;
  }

  .ui-toolkit .col-offset-sm-9 {
    margin-left: 75%;
  }

  .ui-toolkit .col-offset-sm-10 {
    margin-left: 83.33333%;
  }

  .ui-toolkit .col-offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .col-offset-md-0 {
    margin-left: 0%;
  }

  .ui-toolkit .col-offset-md-1 {
    margin-left: 8.33333%;
  }

  .ui-toolkit .col-offset-md-2 {
    margin-left: 16.66667%;
  }

  .ui-toolkit .col-offset-md-3 {
    margin-left: 25%;
  }

  .ui-toolkit .col-offset-md-4 {
    margin-left: 33.33333%;
  }

  .ui-toolkit .col-offset-md-5 {
    margin-left: 41.66667%;
  }

  .ui-toolkit .col-offset-md-6 {
    margin-left: 50%;
  }

  .ui-toolkit .col-offset-md-7 {
    margin-left: 58.33333%;
  }

  .ui-toolkit .col-offset-md-8 {
    margin-left: 66.66667%;
  }

  .ui-toolkit .col-offset-md-9 {
    margin-left: 75%;
  }

  .ui-toolkit .col-offset-md-10 {
    margin-left: 83.33333%;
  }

  .ui-toolkit .col-offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .col-offset-lg-0 {
    margin-left: 0%;
  }

  .ui-toolkit .col-offset-lg-1 {
    margin-left: 8.33333%;
  }

  .ui-toolkit .col-offset-lg-2 {
    margin-left: 16.66667%;
  }

  .ui-toolkit .col-offset-lg-3 {
    margin-left: 25%;
  }

  .ui-toolkit .col-offset-lg-4 {
    margin-left: 33.33333%;
  }

  .ui-toolkit .col-offset-lg-5 {
    margin-left: 41.66667%;
  }

  .ui-toolkit .col-offset-lg-6 {
    margin-left: 50%;
  }

  .ui-toolkit .col-offset-lg-7 {
    margin-left: 58.33333%;
  }

  .ui-toolkit .col-offset-lg-8 {
    margin-left: 66.66667%;
  }

  .ui-toolkit .col-offset-lg-9 {
    margin-left: 75%;
  }

  .ui-toolkit .col-offset-lg-10 {
    margin-left: 83.33333%;
  }

  .ui-toolkit .col-offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .col-offset-xl-0 {
    margin-left: 0%;
  }

  .ui-toolkit .col-offset-xl-1 {
    margin-left: 8.33333%;
  }

  .ui-toolkit .col-offset-xl-2 {
    margin-left: 16.66667%;
  }

  .ui-toolkit .col-offset-xl-3 {
    margin-left: 25%;
  }

  .ui-toolkit .col-offset-xl-4 {
    margin-left: 33.33333%;
  }

  .ui-toolkit .col-offset-xl-5 {
    margin-left: 41.66667%;
  }

  .ui-toolkit .col-offset-xl-6 {
    margin-left: 50%;
  }

  .ui-toolkit .col-offset-xl-7 {
    margin-left: 58.33333%;
  }

  .ui-toolkit .col-offset-xl-8 {
    margin-left: 66.66667%;
  }

  .ui-toolkit .col-offset-xl-9 {
    margin-left: 75%;
  }

  .ui-toolkit .col-offset-xl-10 {
    margin-left: 83.33333%;
  }

  .ui-toolkit .col-offset-xl-11 {
    margin-left: 91.66667%;
  }
}

.ui-toolkit .btn {
  font-size: 14px;
}

.ui-toolkit .btn-secondary:active,
.ui-toolkit .btn-secondary.is-active,
.ui-toolkit .btn-secondary.is-selected {
  background-color: #f0f0ec !important;
  border-color: rgba(0, 0, 0, 0.5) !important;
  color: #222 !important;
}

.ui-toolkit .btn:hover,
.ui-toolkit .btn.is-hovering {
  cursor: pointer;
  text-decoration: none;
}

.ui-toolkit .btn:focus {
  outline: auto 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
  text-decoration: none;
}

.ui-toolkit .btn:active,
.ui-toolkit .btn.is-active,
.ui-toolkit .btn.is-selected {
  cursor: default;
}

.ui-toolkit .btn:disabled,
.ui-toolkit .btn.is-disabled {
  cursor: default;
  pointer-events: none;
}

.ui-toolkit .btn.caret {
  padding-right: 25px;
  position: relative;
  text-align: left;
}

.ui-toolkit .btn-list-item {
  padding: 0;
}

.ui-toolkit .btn-list-item > * {
  padding: 8px 12px;
  color: inherit;
  display: block;
}

.ui-toolkit .btn-list-item a {
  text-decoration: none;
}

.ui-toolkit .btn-list-item a:hover,
.ui-toolkit .btn-list-item a:focus {
  text-decoration: none;
}

.ui-toolkit button::-moz-focus-inner {
  padding: 0;
}

.ui-toolkit .btn-primary {
  background-color: #222;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-primary:hover,
.ui-toolkit .btn-primary.is-hovering {
  background-color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.ui-toolkit .btn-primary:focus {
  border-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.ui-toolkit .btn-primary:active,
.ui-toolkit .btn-primary.is-active,
.ui-toolkit .btn-primary.is-selected {
  background-color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.ui-toolkit .btn-primary:disabled,
.ui-toolkit .btn-primary.is-disabled {
  background-color: #bbbbbb;
  border-color: rgba(0, 0, 0, 0.05);
  color: #fff;
}

.ui-toolkit .btn-primary.caret:after {
  color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .btn-secondary {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.15);
  color: #222;
}

.ui-toolkit .btn-secondary:hover,
.ui-toolkit .btn-secondary.is-hovering {
  background-color: #f9f9f7;
  border-color: rgba(0, 0, 0, 0.2);
  color: #222;
}

.ui-toolkit .btn-secondary:active,
.ui-toolkit .btn-secondary.is-active,
.ui-toolkit .btn-secondary.is-selected {
  background-color: #f0f0ec;
  border-color: rgba(0, 0, 0, 0.5);
  color: #222;
}

.ui-toolkit .btn-secondary:active:focus,
.ui-toolkit .btn-secondary.is-active:focus,
.ui-toolkit .btn-secondary.is-selected:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-secondary:disabled,
.ui-toolkit .btn-secondary.is-disabled {
  background-color: #faf9f5;
  border-color: rgba(0, 0, 0, 0.15);
  color: #757575;
}

.ui-toolkit .btn-secondary:disabled .ss-icon,
.ui-toolkit .btn-secondary.is-disabled .ss-icon {
  color: #757575;
}

.ui-toolkit .btn-secondary:focus {
  border-color: rgba(0, 0, 0, 0.8);
  color: #222;
}

.ui-toolkit .btn-outline {
  -webkit-transition: background 0.1s ease-out, border-color 0.1s ease-out,
    color 0.05s ease-out;
  -moz-transition: background 0.1s ease-out, border-color 0.1s ease-out,
    color 0.05s ease-out;
  -o-transition: background 0.1s ease-out, border-color 0.1s ease-out,
    color 0.05s ease-out;
  -ms-transition: background 0.1s ease-out, border-color 0.1s ease-out,
    color 0.05s ease-out;
  transition: background 0.1s ease-out, border-color 0.1s ease-out,
    color 0.05s ease-out;
  background: none;
  border-color: currentColor;
  border-style: solid;
  border-width: 2px;
  color: inherit;
}

.ui-toolkit .btn-outline-white {
  border-color: #fff;
  color: #fff;
}

.ui-toolkit .btn-outline-white:hover,
.ui-toolkit .btn-outline-white:focus {
  background-color: #fff;
  color: #222;
}

.ui-toolkit .btn-outline-primary {
  border-color: #222;
  color: #222;
}

.ui-toolkit .btn-outline-primary:hover,
.ui-toolkit .btn-outline-primary:focus {
  background-color: #222;
  color: #fff;
}

.ui-toolkit .btn-outline-orange {
  border-color: #222;
  color: #222;
}

.ui-toolkit .btn-outline-orange:hover,
.ui-toolkit .btn-outline-orange:focus {
  background-color: #222;
  color: #fff;
}

.ui-toolkit .btn-outline-black {
  border-color: #222;
  color: #222;
}

.ui-toolkit .btn-outline-black:hover,
.ui-toolkit .btn-outline-black:focus {
  background-color: #222;
  border-color: #222;
  color: #fff;
}

.ui-toolkit .btn-transparent {
  background-color: transparent;
  color: #595959;
  border-color: transparent;
}

.ui-toolkit .btn-transparent:hover,
.ui-toolkit .btn-transparent.is-hovering {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: #595959;
}

.ui-toolkit .btn-transparent:focus {
  border-color: #cbccc9;
  color: #595959;
}

.ui-toolkit .btn-transparent:active,
.ui-toolkit .btn-transparent.is-active,
.ui-toolkit .btn-transparent.is-selected {
  border-color: rgba(0, 0, 0, 0.4);
  color: #222;
}

.ui-toolkit .btn-transparent:disabled,
.ui-toolkit .btn-transparent.is-disabled {
  background-color: transparent;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  color: #757575;
  border-color: transparent;
}

.ui-toolkit .btn-transparent:disabled .ss-icon,
.ui-toolkit .btn-transparent.is-disabled .ss-icon {
  color: #757575;
}

.ui-toolkit .btn-transaction {
  background-color: #222;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-transaction:hover,
.ui-toolkit .btn-transaction.is-hovering {
  background-color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-transaction:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-transaction:active,
.ui-toolkit .btn-transaction.is-active,
.ui-toolkit .btn-transaction.is-selected {
  background-color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-transaction:disabled,
.ui-toolkit .btn-transaction.is-disabled {
  background-color: #bbbbbb;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-transaction.caret:after {
  color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .btn-caution {
  background-color: #c13c27;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-caution:hover,
.ui-toolkit .btn-caution.is-hovering {
  background-color: #ce3f2a;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-caution:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-caution:active,
.ui-toolkit .btn-caution.is-active,
.ui-toolkit .btn-caution.is-selected {
  background-color: #b43824;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-caution:disabled,
.ui-toolkit .btn-caution.is-disabled {
  background-color: #e17c6d;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-caution.caret:after {
  color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .btn-orange {
  background-color: #222;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-orange:hover,
.ui-toolkit .btn-orange.is-hovering {
  background-color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.ui-toolkit .btn-orange:focus {
  border-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.ui-toolkit .btn-orange:active,
.ui-toolkit .btn-orange.is-active,
.ui-toolkit .btn-orange.is-selected {
  background-color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.ui-toolkit .btn-orange:disabled,
.ui-toolkit .btn-orange.is-disabled {
  background-color: #bbbbbb;
  border-color: rgba(0, 0, 0, 0.05);
  color: #fff;
}

.ui-toolkit .btn-orange-text {
  background-color: #fff;
  border-color: #fff;
  color: #222;
}

.ui-toolkit .btn-orange-text:hover,
.ui-toolkit .btn-orange-text.is-hovering {
  background-color: #f7f7f7;
  color: #222;
}

.ui-toolkit .btn-orange-text:active,
.ui-toolkit .btn-orange-text.is-active,
.ui-toolkit .btn-orange-text.is-selected {
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  background-color: #f2f2f2;
  color: #222;
}

.ui-toolkit .btn-orange-text:disabled,
.ui-toolkit .btn-orange-text.is-disabled {
  background-color: #ffcba8;
  border-color: #ffcba8;
  color: #ff6f10;
}

.ui-toolkit .btn-orange-text:focus {
  -moz-box-shadow: 0 0 0 1px #000;
  -webkit-box-shadow: 0 0 0 1px #000;
  box-shadow: 0 0 0 1px #000;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}

.ui-toolkit .btn-facebook {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-facebook:hover,
.ui-toolkit .btn-facebook.is-hovering {
  background-color: #3f61a3;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-facebook:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-facebook:active,
.ui-toolkit .btn-facebook.is-active,
.ui-toolkit .btn-facebook.is-selected {
  background-color: #37538d;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-facebook:disabled,
.ui-toolkit .btn-facebook.is-disabled {
  background-color: #96abd6;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-twitter {
  background-color: #00b0ed;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-twitter:hover,
.ui-toolkit .btn-twitter.is-hovering {
  background-color: #00bdfc;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-twitter:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-twitter:active,
.ui-toolkit .btn-twitter.is-active,
.ui-toolkit .btn-twitter.is-selected {
  background-color: #00a6de;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-twitter:disabled,
.ui-toolkit .btn-twitter.is-disabled {
  background-color: #87e1ff;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-pinterest {
  background-color: #ce2029;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-pinterest:hover,
.ui-toolkit .btn-pinterest.is-hovering {
  background-color: #db222e;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-pinterest:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-pinterest:active,
.ui-toolkit .btn-pinterest.is-active,
.ui-toolkit .btn-pinterest.is-selected {
  background-color: #c11e29;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-pinterest:disabled,
.ui-toolkit .btn-pinterest.is-disabled {
  background-color: #ef989e;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-google {
  background-color: #4285f4;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-google:hover,
.ui-toolkit .btn-google.is-hovering {
  background-color: #508ff5;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-google:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-google:active,
.ui-toolkit .btn-google.is-active,
.ui-toolkit .btn-google.is-selected {
  background-color: #347df3;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-google:disabled,
.ui-toolkit .btn-google.is-disabled {
  background-color: #d3e3fc;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-tumblr {
  background-color: #35465c;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-tumblr:hover,
.ui-toolkit .btn-tumblr.is-hovering {
  background-color: #3b4e66;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-tumblr:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-tumblr:active,
.ui-toolkit .btn-tumblr.is-active,
.ui-toolkit .btn-tumblr.is-selected {
  background-color: #2f3f52;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-tumblr:disabled,
.ui-toolkit .btn-tumblr.is-disabled {
  background-color: #7892b2;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-paypal {
  background-color: #222;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit .btn-paypal:hover,
.ui-toolkit .btn-paypal.is-hovering {
  background-color: #2a2a2a;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-paypal:focus {
  border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-paypal:active,
.ui-toolkit .btn-paypal.is-active,
.ui-toolkit .btn-paypal.is-selected {
  background-color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-paypal:disabled,
.ui-toolkit .btn-paypal.is-disabled {
  background-color: #6f6f6f;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-small {
  font-size: 12px;
  font-weight: normal;
  height: 28px;
  padding: 4px 12px;
}

.ui-toolkit .btn-large {
  font-size: 16px;
  height: 48px;
  padding: 12px 28px;
}

.ui-toolkit .btn-large.caret {
  padding-left: 12px;
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .ui-toolkit .btn-responsive {
    font-size: 16px;
    height: 48px;
    padding: 12px 28px;
  }

  .ui-toolkit .btn-responsive.caret {
    padding-left: 12px;
  }
}

.ui-toolkit .btn-icon-with-text {
  padding-left: 12px;
}

.ui-toolkit .btn-icon-with-text .ss-icon {
  margin-right: 6px;
}

.ui-toolkit .btn-group {
  white-space: nowrap;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .btn-group-xs {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .btn-group-sm {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .btn-group-md {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .btn-group-lg {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .btn-group-xl {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .btn-group-tv {
    white-space: nowrap;
  }
}

.ui-toolkit .btn-prepend {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.ui-toolkit .btn-append {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.ui-toolkit .unstyled-button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  text-decoration: none;
  padding: 0;
  height: inherit;
  text-align: left;
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.ui-toolkit a:focus,
.ui-toolkit .text-link-primary:focus {
  /*outline: auto 2px Highlight;
    outline: auto 5px -webkit-focus-ring-color;*/
}

.ui-toolkit a:hover,
.ui-toolkit a:focus,
.ui-toolkit a:active,
.ui-toolkit a.is-active,
.ui-toolkit .text-link-primary:hover,
.ui-toolkit .text-link-primary:focus,
.ui-toolkit .text-link-primary:active,
.ui-toolkit .text-link-primary.is-active {
  cursor: pointer;
}

.ui-toolkit a.is-selected,
.ui-toolkit .text-link-primary.is-selected {
  color: #222;
}

.ui-toolkit a.is-selected:hover,
.ui-toolkit .text-link-primary.is-selected:hover {
  cursor: default;
  text-decoration: none;
}

.ui-toolkit .text-link-secondary {
  color: #222;
  text-decoration: none;
}

.ui-toolkit .text-link-secondary:focus {
  outline: auto 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}

.ui-toolkit .text-link-secondary:hover,
.ui-toolkit .text-link-secondary:focus,
.ui-toolkit .text-link-secondary:active,
.ui-toolkit .text-link-secondary.is-active {
  cursor: pointer;
  text-decoration: underline;
}

.ui-toolkit .text-link-secondary.is-selected {
  color: #222;
}

.ui-toolkit .text-link-secondary.is-selected:hover {
  cursor: default;
  text-decoration: none;
}

.ui-toolkit .text-link-underline {
  text-decoration: underline;
  color: inherit;
}

.ui-toolkit .text-link-underline:hover,
.ui-toolkit .text-link-underline:focus,
.ui-toolkit .text-link-underline:active,
.ui-toolkit .text-link-underline.is-active {
  cursor: pointer;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.ui-toolkit .text-link-no-underline {
  text-decoration: none;
}

.ui-toolkit .link-white {
  color: #fff;
  text-decoration: underline;
}

.ui-toolkit .link-white:hover,
.ui-toolkit .link-white:focus {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.ui-toolkit .link-gray-darker {
  color: #222;
  text-decoration: underline;
}

.ui-toolkit .link-gray-darker:hover,
.ui-toolkit .link-gray-darker:focus {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.ui-toolkit .card {
  border-radius: 3px;
  border: 1px solid #e1e3df;
  border-bottom-color: #cbccc9;
  width: 100%;
}

.ui-toolkit .card.is-selected {
  background-color: #fff3ee;
  border-color: #ffddcf;
  border-bottom-color: #ffddcf;
}

.ui-toolkit .card.is-selected .card-meta + .card-meta:before,
.ui-toolkit .card.is-selected .card-meta-row-item:nth-child(n + 2):before {
  background-color: #fff3ee;
}

.ui-toolkit .card.is-selected .card-actions {
  border-color: #ffddcf;
}

.ui-toolkit .card.is-selected .card-actions .ss-icon:not(.text-yellow) {
  color: #f56400;
}

.ui-toolkit .card-body {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  position: relative;
}

.ui-toolkit .card-body:hover {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  position: relative;
  text-decoration: none;
  /*z-index: 10;*/
}

.ui-toolkit .card-body:hover .card-img-wrap:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
  opacity: 0.05;
}

.ui-toolkit .card-img-wrap {
  position: relative;
  margin: 2px;
}

.ui-toolkit .card-img-wrap img {
  width: 100%;
}

.ui-toolkit .card-img-wrap:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: #000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.ui-toolkit .card-meta {
  margin: 10px 8px;
}

.ui-toolkit .card-meta + .card-meta {
  padding-top: 11px;
  position: relative;
}

.ui-toolkit .card-meta + .card-meta:before {
  background-color: #faf9f5;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.ui-toolkit .card-meta-row {
  color: #222;
  font-size: 12px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-toolkit .card-meta-row:last-child {
  margin-bottom: 0;
  display: table;
  display: flex;
  justify-content: space-between;
}

.ui-toolkit .card-meta-row:first-child {
  display: block;
}

.ui-toolkit .card-meta-row-item {
  display: inline;
  position: relative;
}

.ui-toolkit .card-meta-row-item:nth-child(n + 2) {
  padding-left: 12px;
}

.ui-toolkit .card-meta-row-item:nth-child(n + 2):before {
  background-color: #e1e3df;
  bottom: 15%;
  content: "";
  left: 4px;
  position: absolute;
  top: 20%;
  width: 1px;
}

.ui-toolkit .card-similar-listing {
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  color: #e55400;
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px;
  border-style: solid;
  padding: 8px 4px;
  display: none;
}

.ui-toolkit .card-similar-listing:hover {
  background-color: #f9f9f7;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .card-title {
  font-size: 14px;
  font-weight: normal;
}

.ui-toolkit .card-price {
  color: #000;
  font-weight: bold;
}

.ui-toolkit .card-price.float-right {
  padding-left: 4px;
  order: 2;
}

.ui-toolkit .card-actions {
  display: table;
  width: 100%;
  border-top: 1px solid #e1e3df;
}

.ui-toolkit .card-actions-2 .card-action {
  width: 50%;
}

.ui-toolkit .card-actions-3 .card-action {
  width: 33.33333%;
}

.ui-toolkit .card-action {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: table-cell;
  padding: 3px;
  text-align: center;
}

.ui-toolkit .card-action:first-child {
  border-bottom-left-radius: 2px;
}

.ui-toolkit .card-action:last-child {
  border-bottom-right-radius: 2px;
}

.ui-toolkit [class^="block-grid-"] .card {
  max-width: none;
  width: 100%;
}

.ui-toolkit .collections-ui {
  z-index: 20;
}

.ui-toolkit .card.buyer-card .badge-white {
  background-color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .card.buyer-card .card-title {
  color: #222;
}

.ui-toolkit .card.buyer-card .card-meta {
  margin: 6px;
}

.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n + 2) {
  padding-left: 0px;
}

.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n + 2):before {
  display: none;
}

.ui-toolkit .card.buyer-card:hover {
  border-color: rgba(0, 0, 0, 0.15);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.ui-toolkit .card.buyer-card:hover .card-title {
  text-decoration: none;
}

.ui-toolkit .card.buyer-card .card-title:hover {
  text-decoration: none;
}

.ui-toolkit .card.buyer-card a.card-shop-name:hover {
  text-decoration: underline;
}

.ui-toolkit .card.buyer-card .card-body:hover .card-img-wrap:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.ui-toolkit .card.buyer-card .card-price {
  color: #222;
}

.ui-toolkit .card.buyer-card .card-shop-name {
  color: #595959;
}

.ui-toolkit .card.buyer-card .card-img-wrap {
  margin: 0px;
}

.ui-toolkit .card.buyer-card .card-title,
.ui-toolkit .card.buyer-card .currency {
  font-size: 12px;
}

.ui-toolkit .listing-card .discounted-price {
  color: #222;
}

.ui-toolkit .listing-card .strike-through {
  text-decoration: line-through;
}

.ui-toolkit .listing-card .discount-note {
  color: #2e8539;
  font-weight: normal;
}

.ui-toolkit .listing-card .free-shipping {
  font-size: 12px;
  background: rgba(255, 255, 255, 0.9);
}

.ui-toolkit .listing-card .card-meta-row-with-tooltip {
  overflow: visible;
}

.ui-toolkit .spinner {
  -webkit-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
  -ms-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
  -moz-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
  -o-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
  animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxjaXJjbGUgb3BhY2l0eT0iMC40IiBjeD0iMjQiIGN5PSI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSI0NCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iNCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSIyNCIgY3k9IjQ0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjQiIGN4PSI5LjkiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjkuOSIgY3k9IjM4LjEiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSIzOC4xIiByPSI0Ii8+PC9zdmc+");
  display: block;
  font-size: 0px;
  height: 6em;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 6em;
}

.ui-toolkit .spinner-large {
  width: 48px;
  height: 48px;
}

.ui-toolkit .spinner-small {
  width: 24px;
  height: 24px;
}

.ui-toolkit .spinner-smaller {
  width: 16px;
  height: 16px;
}

.ui-toolkit .nav-group,
.ui-toolkit .underlined-nav-group {
  list-style: none;
  line-height: 1;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ui-toolkit .nav-group-justified .nav-group-item,
.ui-toolkit .underlined-nav-group-justified .underlined-nav-item {
  display: table-cell;
  margin: 0;
  text-align: center;
  width: 1%;
}

.ui-toolkit .nav-group-sticky {
  -webkit-transition: top 0.3s ease-out;
  -moz-transition: top 0.3s ease-out;
  -o-transition: top 0.3s ease-out;
  -ms-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out;
}

.ui-toolkit .nav-group-sticky.is-stuck {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  z-index: 40;
}

.ui-toolkit .nav-group-item,
.ui-toolkit .underlined-nav-item {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  margin-left: 6px;
  margin-right: 6px;
  color: #595959;
  outline: none;
  text-decoration: none;
  vertical-align: bottom;
  font-size: inherit;
  border: none;
  background-color: inherit;
  -webkit-appearance: none;
}

.ui-toolkit .nav-group-item:first-child,
.ui-toolkit .underlined-nav-item:first-child {
  margin-left: 0;
}

.ui-toolkit .nav-group-item.is-active,
.ui-toolkit .nav-group-item:active,
.ui-toolkit .underlined-nav-item.is-active,
.ui-toolkit .underlined-nav-item:active {
  color: #000;
}

.ui-toolkit .nav-group-item.is-disabled,
.ui-toolkit .underlined-nav-item.is-disabled {
  color: #757575;
}

.ui-toolkit .nav-group-item.is-disabled:hover,
.ui-toolkit .nav-group-item.is-disabled:active,
.ui-toolkit .underlined-nav-item.is-disabled:hover,
.ui-toolkit .underlined-nav-item.is-disabled:active {
  color: #757575;
  cursor: default;
  text-decoration: none;
}

.ui-toolkit .no-touch .nav-group-item:hover,
.ui-toolkit .no-touch .underlined-nav-item:hover {
  color: #000;
}

.ui-toolkit .nav-group-item-target:focus {
  border: 1px dotted rgba(0, 0, 0, 0.8);
  outline: none;
}

.ui-toolkit .nav-group-underlined,
.ui-toolkit .underlined-nav-group {
  border-bottom: 1px solid #e1e3df;
  padding-bottom: 0;
}

.ui-toolkit .nav-group-underlined .nav-group-item,
.ui-toolkit .underlined-nav-item {
  -moz-box-shadow: 0 0 0 0 #757575 inset;
  -webkit-box-shadow: 0 0 0 0 #757575 inset;
  box-shadow: 0 0 0 #757575 0 inset;
  -webkit-transition: box-shadow 0.1s ease-out;
  -moz-transition: box-shadow 0.1s ease-out;
  -o-transition: box-shadow 0.1s ease-out;
  -ms-transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out;
  border-radius: 0;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 16px;
}

.ui-toolkit .nav-group-underlined .nav-group-item:focus,
.ui-toolkit .underlined-nav-item:focus {
  outline: auto 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}

.ui-toolkit .nav-group-underlined .nav-group-item.is-active,
.ui-toolkit .nav-group-underlined .nav-group-item:active,
.ui-toolkit .underlined-nav-item.is-active,
.ui-toolkit .underlined-nav-item:active {
  -moz-box-shadow: 0 -4px 0 0 #f56400 inset;
  -webkit-box-shadow: 0 -4px 0 0 #f56400 inset;
  box-shadow: 0 -4px 0 #f56400 0 inset;
  text-decoration: none;
}

.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:hover,
.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:active,
.ui-toolkit .underlined-nav-item.is-disabled:hover,
.ui-toolkit .underlined-nav-item.is-disabled:active {
  -moz-box-shadow: 0 0 0 0 #757575 inset;
  -webkit-box-shadow: 0 0 0 0 #757575 inset;
  box-shadow: 0 0 0 #757575 0 inset;
}

.ui-toolkit .no-touch .nav-group-underlined .nav-group-item:hover,
.ui-toolkit .no-touch .underlined-nav-item:hover {
  -moz-box-shadow: 0 -4px 0 0 #757575 inset;
  -webkit-box-shadow: 0 -4px 0 0 #757575 inset;
  box-shadow: 0 -4px 0 #757575 0 inset;
  text-decoration: none;
}

.ui-toolkit .overlay-region {
  padding: 20px;
  z-index: 80;
  width: 100%;
}

.ui-toolkit .overlay-view {
  border-radius: 3px;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: relative;
  z-index: 80;
  max-width: 540px;
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .overlay-view {
    margin: 120px auto;
  }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  .ui-toolkit .overlay-view {
    margin: 40px auto;
  }
}

.ui-toolkit .overlay-view.overlay-width-full {
  border-radius: 0;
  max-width: 100%;
}

.ui-toolkit .overlay-header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-color: #fbfbfa;
  border-bottom: 1px solid #e1e3df;
  font-weight: bold;
  position: relative;
}

.ui-toolkit .overlay-header:before,
.ui-toolkit .overlay-header:after {
  content: " ";
  display: table;
}

.ui-toolkit .overlay-header:after {
  clear: both;
}

.ui-toolkit .overlay-header a {
  color: #222;
}

.ui-toolkit .overlay-title {
  display: block;
  overflow: hidden;
  padding: 12px 18px;
}

.ui-toolkit .overlay-close {
  color: #595959;
  float: right;
  padding: 12px 18px;
  margin-left: -18px;
  z-index: 10;
  position: relative;
}

.ui-toolkit .overlay-close:hover {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.ui-toolkit .overlay-close .ss-delete {
  font-size: 12px;
  position: relative;
  top: 1px;
}

.ui-toolkit .overlay-back {
  color: #595959;
  float: left;
  padding: 12px 18px;
  margin-right: -18px;
}

.ui-toolkit .overlay-back:hover {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.ui-toolkit .overlay-back .ss-navigateleft {
  font-size: 12px;
  position: relative;
  top: 1px;
}

.ui-toolkit .overlay-body {
  padding: 18px;
}

.ui-toolkit .overlay-body:first-child {
  margin-top: 0;
}

.ui-toolkit .overlay-body:last-child {
  margin-bottom: 0;
}

.ui-toolkit .overlay-body .list-nav {
  margin-left: -18px;
  margin-right: -18px;
}

.ui-toolkit .overlay-body .list-nav.list-nav-flush .list-nav-item {
  margin-left: 0;
  margin-right: 0;
}

.ui-toolkit .overlay-body .list-nav-item {
  border-radius: 0;
  font-weight: normal;
  margin: 0;
  padding-left: 18px;
  padding-right: 18px;
}

.ui-toolkit .overlay-body .list-nav-item.is-selected {
  background-color: #faf9f5;
}

.ui-toolkit .overlay-body .list-nav-item.list-nav-item-has-badge {
  padding-right: 48px;
}

.ui-toolkit .overlay-body .list-nav-item .badge {
  right: 18px;
}

.ui-toolkit .overlay-body .is-ghost {
  border-radius: 0;
}

.ui-toolkit .overlay-footer {
  border-top: 1px solid #e1e3df;
  padding: 12px 18px;
  text-align: right;
}

.ui-toolkit .overlay-footer .btn:first-child {
  float: right;
  margin-left: 6px;
}

.ui-toolkit .overlay-footer .btn {
  width: 100%;
  margin-bottom: 6px;
}

.ui-toolkit .overlay-footer .btn:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .overlay-footer .btn {
    width: auto;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .overlay-small {
    max-width: 360px;
  }

  .ui-toolkit .overlay-large {
    max-width: 680px;
  }
}

.ui-toolkit .overlay-tabbed {
  position: static;
  padding-top: 14px;
  top: 1px;
}

.ui-toolkit .overlay-view-slide {
  display: none;
}

.ui-toolkit .overlay-view-slide.is-active {
  display: block;
}

.ui-toolkit .overlay-pagination-btn {
  border-radius: 50%;
  background: none;
  border: 2px #e1e3df solid;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  margin: 0 4px;
  outline: 0;
  padding: 0;
  width: 14px;
}

.ui-toolkit .overlay-pagination-btn:not(.is-active):hover {
  background-color: #e1e3df;
}

.ui-toolkit .overlay-pagination-btn.is-active {
  border-color: #f56400;
  background-color: #f56400;
}

.ui-toolkit .overlay-mask,
.ui-toolkit .overlay-content-wrapper {
  background-color: rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  -webkit-overflow-scrolling: touch;
}

.ui-toolkit .overlay-mask:hover,
.ui-toolkit .overlay-content-wrapper:hover {
  cursor: default;
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .overlay-mask.mask-transparent,
  .ui-toolkit .overlay-content-wrapper.mask-transparent {
    background-color: transparent;
  }
}

.ui-toolkit .overlay-content-wrapper {
  background-color: transparent;
}

.ui-toolkit .overlay-iframe-container {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .ui-toolkit .overlay-iframe-container {
    max-height: 300px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .ui-toolkit .overlay-iframe-container {
    max-height: 350px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .ui-toolkit .overlay-iframe-container {
    max-height: 650px;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .ui-toolkit .overlay-iframe-container {
    max-height: 720px;
  }
}

.ui-toolkit .global-nav {
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.ui-toolkit .global-nav:hover {
  cursor: default;
}

.ui-toolkit .global-nav.clear:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.ui-toolkit #gnav-header {
  margin-left: 0;
  margin-right: 0;
  z-index: 50;
}

.ui-toolkit #gnav-header #search-query,
.ui-toolkit #gnav-header .btn-primary {
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit #gnav-header #search-query,
  .ui-toolkit #gnav-header .btn-primary {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit #gnav-header #search-query {
  -webkit-appearance: none;
}

.ui-toolkit #gnav-header #gnav-header-inner {
  width: auto;
}

@media only screen and (min-width: 280px) and (max-width: 479px) {
  /*    .is-responsive .gnav-header .loggedInLogo {
        margin: 0px !important;
        width: 8px !important;
        cursor: pointer;
    }*/
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  .is-responsive .gnav-header .loggedInLogo {
    /*margin: 0px !important;*/
    width: 20px !important;
    cursor: pointer;
  }

  .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper {
    margin: 0 -1px;
  }

  .search-bar-panel {
    top: 70%;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  /*.is-responsive .gnav-header .loggedInLogo {
        margin: 0px !important;
        width: 8px !important;
        cursor: pointer;
    }*/
  .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper {
    /* padding: 0 18px; */
    margin: 0 -12px;
  }

  .search-bar-panel {
    top: 70%;
  }
}

.ui-toolkit #cnav-header #cnav-header-inner {
  width: auto;
}

.ui-toolkit #gnav-footer {
  margin-left: 0;
  margin-right: 0;
}

.ui-toolkit .global-nav-secondary {
  border-top: 1px solid #e1e3df;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .global-nav-secondary .global-nav-list-item {
    height: 54px;
    line-height: 54px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .global-nav-secondary {
    padding-top: 8px;
    padding-bottom: 4px;
  }

  .ui-toolkit .global-nav-secondary .global-nav-list-item {
    height: 38px;
    line-height: 38px;
    margin-bottom: 4px;
  }
}

.ui-toolkit .global-nav-secondary .global-nav-list-item:hover,
.ui-toolkit .global-nav-secondary .global-nav-list-item:focus,
.ui-toolkit .global-nav-secondary .global-nav-list-item.is-active {
  color: #222;
}

.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected,
.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected:hover {
  border-radius: 3px;
  background-color: #faf9f5;
  color: #222;
  text-decoration: none;
}

.ui-toolkit
  .global-nav-secondary
  .global-nav-list-item[data-dropdown].is-selected:hover,
.ui-toolkit
  .global-nav-secondary
  .global-nav-list-item[data-dropdown].is-selected.is-active {
  cursor: pointer;
}

.ui-toolkit
  .global-nav-secondary
  .global-nav-list-item.is-active
  .child-hover-underline {
  text-decoration: underline;
}

.ui-toolkit .footer-redesign .footer-logo {
  color: #f56400;
  height: 30px;
  width: 60px;
}

.ui-toolkit .global-nav-badge-position,
.ui-toolkit .global-nav-avatar-badge-position {
  margin-right: -18px;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 0) and (max-width: 479px) {
  .ui-toolkit .global-nav-badge-position,
  .ui-toolkit .global-nav-avatar-badge-position {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    position: absolute;
    top: 3px;
    right: 18px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .global-nav-badge-position,
  .ui-toolkit .global-nav-avatar-badge-position {
    position: absolute;
    top: -16px;
    right: 50%;
    margin-right: -22px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .global-nav-avatar-badge-position {
    top: -12px;
  }
}

.ui-toolkit .global-nav-list {
  list-style: none;
  padding-left: 0;
}

.ui-toolkit .global-nav-list:before,
.ui-toolkit .global-nav-list:after {
  content: " ";
  display: table;
}

.ui-toolkit .global-nav-list:after {
  clear: both;
}

.ui-toolkit .global-nav-list > li {
  display: inline-block;
}

.ui-toolkit .global-nav-list-item {
  color: #222;
  display: inline-block;
  margin-right: -4px;
  position: relative;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .global-nav-list-item {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .global-nav-list-item {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.ui-toolkit .global-nav-list-item:hover {
  text-decoration: none;
}

.ui-toolkit .global-nav-list-item:hover:not(.is-selected) .ss-icon {
  color: #222;
}

.ui-toolkit .global-nav-list-item-divider {
  position: relative;
  margin-left: 12px;
}

.ui-toolkit .global-nav-list-item-divider:before {
  background-color: #e1e3df;
  top: 20%;
  bottom: 20%;
  content: "";
  left: -7px;
  position: absolute;
  width: 1px;
}

.ui-toolkit .global-nav-large-icon {
  color: #222;
  position: relative;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .global-nav-large-icon {
    font-size: 18px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .global-nav-large-icon {
    font-size: 20px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .global-nav-large-icon {
    display: block;
    text-align: center;
  }
}

.ui-toolkit .has-global-nav-avatar:hover .global-nav-avatar-img-wrap:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

.ui-toolkit .global-nav-avatar-img-wrap {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  top: 9px;
}

.ui-toolkit .global-nav-avatar-img-wrap:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: #000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.ui-toolkit .global-nav-avatar-img-wrap:hover:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
  opacity: 0.05;
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .global-nav-avatar-img-wrap {
    display: block;
    height: 24px;
    width: 24px;
    top: 0px;
    left: 3px;
  }
}

.ui-toolkit .global-nav-avatar-small,
.ui-toolkit .global-nav-avatar-large {
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #faf9f5;
  color: #e1e3df;
  display: block;
  text-align: center;
}

.ui-toolkit .global-nav-avatar-small {
  height: 30px;
  width: 30px;
  line-height: 30px;
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .global-nav-avatar-small {
    height: 24px;
    width: 24px;
    line-height: 24px;
  }
}

.ui-toolkit .global-nav-avatar-large {
  height: 60px;
  line-height: 60px;
  width: 60px;
}

.ui-toolkit .global-nav-avatar-large .ss-icon {
  font-size: 40px;
  position: relative;
  top: 4px;
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .prototype-leave-link {
    float: right;
  }
}

.ui-toolkit .secondary-nav-overlay-view .caret {
  display: none;
}

.ui-toolkit .global-nav-secondary-ellipses {
  display: none;
}

.ui-toolkit .secondary-nav-overlay-view .global-nav-secondary-ellipses {
  display: inline-block;
  margin-left: -1px;
}

.ui-toolkit
  .secondary-nav-overlay-view
  .parent-hover-underline:hover
  .child-hover-underline,
.ui-toolkit
  .secondary-nav-overlay-view
  .parent-hover-underline.is-active
  .child-hover-underline {
  text-decoration: none;
}

.ui-toolkit .body-max-width-980 #gnav-header-inner,
.ui-toolkit .body-max-width-980 #content,
.ui-toolkit .body-max-width-980 #gnav-footer-inner,
.ui-toolkit .body-max-width-980 .cnav-header-inner,
.ui-toolkit .body-max-width-980 .cnav-nav-inner {
  max-width: 1052px;
  margin-left: auto;
  margin-right: auto;
}

.ui-toolkit .body-max-width-980 #gnav-header-inner.widened-nav,
.ui-toolkit .body-max-width-980 #content.widened-nav,
.ui-toolkit .body-max-width-980 #gnav-footer-inner.widened-nav,
.ui-toolkit .body-max-width-980 .cnav-header-inner.widened-nav,
.ui-toolkit .body-max-width-980 .cnav-nav-inner.widened-nav {
  max-width: 1272px;
  width: auto;
}

.ui-toolkit .footer-redesign .unified-locale-settings {
  display: inline-block;
}

.ui-toolkit .responsive-nav-experiment {
  clear: both !important;
  border-top: 0 !important;
  font-size: 14px !important;
  color: #222 !important;
}

.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:before {
  background-color: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}

.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:hover {
  text-decoration: initial;
  cursor: initial;
}

.ui-toolkit .responsive-nav-experiment ul.list-inline li {
  margin-right: 12px !important;
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .ui-toolkit .responsive-nav-experiment .text-center-md {
    text-align: center;
  }

  .ui-toolkit .responsive-nav-experiment .unified-locale-settings {
    display: inline-block;
  }
}

.ui-toolkit .bg-white {
  background-color: #fff;
}

.ui-toolkit .bg-gray-darker {
  background-color: #e1e3df;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-gray {
  background-color: #faf9f5;
  border-color: #e1e3df;
}

.ui-toolkit .bg-gray-lighter {
  background-color: #fbfbfa;
  border-color: #faf9f5;
}

.ui-toolkit .bg-blue {
  background-color: #34a8c4;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-blue-lighter {
  background-color: #00c8d4;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-blue-lighter-border {
  background-color: white;
  border-color: #00c8d4;
}

.ui-toolkit .bg-blue-lightest {
  background-color: #f0fbfd;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-green {
  background-color: #2e8539;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-green-lighter {
  background-color: #e4f3d9;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-yellow {
  background-color: #ffcf5c;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-yellow-lighter {
  background-color: #fffaed;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-red {
  background-color: #f76a6a;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-red-lighter {
  background-color: #ffeded;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-purple {
  background-color: #c788ce;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-purple-lighter {
  background-color: #f8eff8;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-orange-darker {
  background-color: #e55400;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-orange {
  background-color: #f56400;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-orange-lightest {
  background-color: #fff3ee;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-almond {
  background-color: #f2d0b8;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-autumn {
  background-color: #c13c27;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-blinding-sandstorm {
  background-color: #fbead8;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-blood-orange-sorbet {
  background-color: #ffac8f;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-cara-cara {
  background-color: #ff883e;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-creamsicle {
  background-color: #ffac62;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-nacho-cheese {
  background-color: #ffa300;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-old-rose {
  background-color: #eac1be;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-one-year-old-gouda {
  background-color: #fecf84;
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .text-white {
  color: #fff;
}

.ui-toolkit .text-gray-darkest {
  color: #222;
}

.ui-toolkit a.text-gray-darkest:hover {
  color: #131313;
}

.ui-toolkit .text-gray-darker {
  color: #222;
}

.ui-toolkit a.text-gray-darker:hover {
  color: #131313;
}

.ui-toolkit .text-gray {
  color: #222;
}

.ui-toolkit a.text-gray:hover {
  color: #131313;
}

.ui-toolkit .text-gray-lighter {
  color: #595959;
}

.ui-toolkit a.text-gray-lighter:hover {
  color: #4a4a4a;
}

.ui-toolkit .text-gray-lightest {
  color: #757575;
}

.ui-toolkit a.text-gray-lightest:hover {
  color: #666666;
}

.ui-toolkit .text-danger {
  color: #c13c27;
}

.ui-toolkit a.text-danger:hover {
  color: #a83422;
}

.ui-toolkit .text-blue {
  color: #0192b5;
}

.ui-toolkit a.text-blue:hover {
  color: #017b97;
}

.ui-toolkit .text-blue-lighter {
  color: #83cbdc;
}

.ui-toolkit a.text-blue-lighter:hover {
  color: #6bc2d5;
}

.ui-toolkit .text-green {
  color: #2e8539;
}

.ui-toolkit a.text-green:hover {
  color: #266e2f;
}

.ui-toolkit .text-yellow {
  color: #eca600;
}

.ui-toolkit a.text-yellow:hover {
  color: #cd9000;
}

.ui-toolkit .text-red {
  color: #c13c27;
}

.ui-toolkit a.text-red:hover {
  color: #a83422;
}

.ui-toolkit .text-purple {
  color: #b972c0;
}

.ui-toolkit a.text-purple:hover {
  color: #ae5db7;
}

.ui-toolkit .text-orange {
  color: #e55400;
}

.ui-toolkit a.text-orange:hover {
  color: #c64900;
}

.ui-toolkit .text-nacho-cheese {
  color: #ffa300;
}

.ui-toolkit .fill-none {
  fill: none !important;
}

.ui-toolkit .stroke-none {
  stroke: none !important;
}

.ui-toolkit .fill-white {
  fill: #fff !important;
}

.ui-toolkit .stroke-white {
  stroke: #fff !important;
}

.ui-toolkit .fill-black {
  fill: #000 !important;
}

.ui-toolkit .stroke-black {
  stroke: #000 !important;
}

.ui-toolkit .fill-gray {
  fill: #222 !important;
}

.ui-toolkit .stroke-gray {
  stroke: #222 !important;
}

.ui-toolkit .fill-gray-darker {
  fill: #222 !important;
}

.ui-toolkit .stroke-gray-darker {
  stroke: #222 !important;
}

.ui-toolkit .fill-gray-darkest {
  fill: #222 !important;
}

.ui-toolkit .stroke-gray-darkest {
  stroke: #222 !important;
}

.ui-toolkit .fill-gray-lighter {
  fill: #595959 !important;
}

.ui-toolkit .stroke-gray-lighter {
  stroke: #595959 !important;
}

.ui-toolkit .fill-gray-lightest {
  fill: #757575 !important;
}

.ui-toolkit .stroke-gray-lightest {
  stroke: #757575 !important;
}

.ui-toolkit .fill-orange-darker {
  fill: #e55400 !important;
}

.ui-toolkit .stroke-orange-darker {
  stroke: #e55400 !important;
}

.ui-toolkit .fill-orange {
  fill: #f56400 !important;
}

.ui-toolkit .stroke-orange {
  stroke: #f56400 !important;
}

.ui-toolkit .fill-orange-lightest {
  fill: #fff3ee !important;
}

.ui-toolkit .stroke-orange-lightest {
  stroke: #fff3ee !important;
}

.ui-toolkit .fill-facebook {
  fill: #3b5998 !important;
}

.ui-toolkit .fill-twitter {
  fill: #00b0ed !important;
}

.ui-toolkit .fill-pinterest {
  fill: #ce2029 !important;
}

.ui-toolkit .fill-google {
  fill: #4285f4 !important;
}

.ui-toolkit .fill-tumblr {
  fill: #35465c !important;
}

.ui-toolkit .fill-almond {
  fill: #f2d0b8 !important;
}

.ui-toolkit .stroke-almond {
  stroke: #f2d0b8 !important;
}

.ui-toolkit .fill-autumn {
  fill: #c13c27 !important;
}

.ui-toolkit .stroke-autumn {
  stroke: #c13c27 !important;
}

.ui-toolkit .fill-blinding-sandstorm {
  fill: #fbead8 !important;
}

.ui-toolkit .stroke-blinding-sandstorm {
  stroke: #fbead8 !important;
}

.ui-toolkit .fill-blood-orange-sorbet {
  fill: #ffac8f !important;
}

.ui-toolkit .stroke-blood-orange-sorbet {
  stroke: #ffac8f !important;
}

.ui-toolkit .fill-cara-cara {
  fill: #ff883e !important;
}

.ui-toolkit .stroke-cara-cara {
  stroke: #ff883e !important;
}

.ui-toolkit .fill-creamsicle {
  fill: #ffac62 !important;
}

.ui-toolkit .stroke-creamsicle {
  stroke: #ffac62 !important;
}

.ui-toolkit .fill-nacho-cheese {
  fill: #ffa300 !important;
}

.ui-toolkit .stroke-nacho-cheese {
  stroke: #ffa300 !important;
}

.ui-toolkit .fill-old-rose {
  fill: #eac1be !important;
}

.ui-toolkit .stroke-old-rose {
  stroke: #eac1be !important;
}

.ui-toolkit .fill-one-year-old-gouda {
  fill: #fecf84 !important;
}

.ui-toolkit .stroke-one-year-old-gouda {
  stroke: #fecf84 !important;
}

.ui-toolkit .ss-icon {
  line-height: 1;
}

.ui-toolkit .icon-smallest {
  font-size: 7px;
}

.ui-toolkit .icon-smaller {
  font-size: 12px;
}

.ui-toolkit .icon-larger {
  font-size: 24px;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .icon-smallest-xs {
    font-size: 7px;
  }

  .ui-toolkit .icon-smaller-xs {
    font-size: 12px;
  }

  .ui-toolkit .icon-larger-xs {
    font-size: 24px;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .icon-smallest-sm {
    font-size: 7px;
  }

  .ui-toolkit .icon-smaller-sm {
    font-size: 12px;
  }

  .ui-toolkit .icon-larger-sm {
    font-size: 24px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .icon-smallest-md {
    font-size: 7px;
  }

  .ui-toolkit .icon-smaller-md {
    font-size: 12px;
  }

  .ui-toolkit .icon-larger-md {
    font-size: 24px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .icon-smallest-lg {
    font-size: 7px;
  }

  .ui-toolkit .icon-smaller-lg {
    font-size: 12px;
  }

  .ui-toolkit .icon-larger-lg {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .icon-smallest-xl {
    font-size: 7px;
  }

  .ui-toolkit .icon-smaller-xl {
    font-size: 12px;
  }

  .ui-toolkit .icon-larger-xl {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .icon-smallest-tv {
    font-size: 7px;
  }

  .ui-toolkit .icon-smaller-tv {
    font-size: 12px;
  }

  .ui-toolkit .icon-larger-tv {
    font-size: 24px;
  }
}

.ui-toolkit .icon-graphic {
  font-size: 56px;
}

.ui-toolkit [class*="icon-b-"],
.ui-toolkit [class*="icon-t-"],
.ui-toolkit [class*="icon-l-"],
.ui-toolkit [class*="icon-r-"] {
  position: relative;
}

.ui-toolkit .icon-b-1 {
  /** bottom: 1px; **/
}

.ui-toolkit .icon-b-2 {
  bottom: 2px;
}

.ui-toolkit .icon-b-3 {
  bottom: 3px;
}

.ui-toolkit .icon-b-4 {
  bottom: 4px;
}

.ui-toolkit .icon-t-1 {
  top: 1px;
}

.ui-toolkit .icon-t-2 {
  top: 2px;
}

.ui-toolkit .icon-t-3 {
  top: 3px;
}

.ui-toolkit .icon-t-4 {
  top: 4px;
}

.ui-toolkit .icon-r-1 {
  right: 1px;
}

.ui-toolkit .icon-r-2 {
  right: 2px;
}

.ui-toolkit .icon-r-3 {
  right: 3px;
}

.ui-toolkit .icon-r-4 {
  right: 4px;
}

.ui-toolkit .icon-l-1 {
  left: 1px;
}

.ui-toolkit .icon-l-2 {
  left: 2px;
}

.ui-toolkit .icon-l-3 {
  left: 3px;
}

.ui-toolkit .icon-l-4 {
  left: 4px;
}

.ui-toolkit .icon-outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #cbccc9;
}

.ui-toolkit .icon-circle-container {
  border-radius: 50%;
  display: inline-block;
  padding: 3px;
  line-height: 1;
}

.ui-toolkit a.ss-icon:hover {
  text-decoration: none;
}

.ui-toolkit .gigtodo-icon {
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
}

.ui-toolkit #gigtodo-modal-container .gigtodo-icon {
  width: 24px;
  height: 24px;
}

.ui-toolkit .center-icon {
  margin-top: -20px;
  margin-right: 10px;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}

.ui-toolkit .gigtodo-icon svg {
  display: block;
}

.ui-toolkit .gigtodo-icon.icon-smallest {
  height: 12px;
  width: 12px;
}

.ui-toolkit .gigtodo-icon.icon-smaller {
  top: -2px;
  position: relative;
  height: 20px !important;
  width: 20px !important;
}

.ui-toolkit .gigtodo-icon.icon-larger {
  height: 36px;
  width: 36px;
}

.ui-toolkit .gigtodo-icon.icon-largest {
  height: 48px;
  width: 48px;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .display-flex-xs {
    display: flex !important;
  }

  .ui-toolkit .display-inline-flex-xs {
    display: inline-flex !important;
  }

  .ui-toolkit .flex-xs-none {
    flex: 0 0 auto !important;
  }

  .ui-toolkit .flex-xs-auto {
    flex: 1 1 auto !important;
  }

  .ui-toolkit .flex-xs-0 {
    flex: 0 1 0% !important;
  }

  .ui-toolkit .flex-xs-1 {
    flex: 1 1 0% !important;
  }

  .ui-toolkit .flex-xs-2 {
    flex: 2 1 0% !important;
  }

  .ui-toolkit .flex-xs-3 {
    flex: 3 1 0% !important;
  }

  .ui-toolkit .flex-xs-4 {
    flex: 4 1 0% !important;
  }

  .ui-toolkit .flex-xs-5 {
    flex: 5 1 0% !important;
  }

  .ui-toolkit .flex-xs-6 {
    flex: 6 1 0% !important;
  }

  .ui-toolkit .order-xs-neg1 {
    order: -1 !important;
  }

  .ui-toolkit .order-xs-0 {
    order: 0 !important;
  }

  .ui-toolkit .order-xs-1 {
    order: 1 !important;
  }

  .ui-toolkit .order-xs-2 {
    order: 2 !important;
  }

  .ui-toolkit .order-xs-3 {
    order: 3 !important;
  }

  .ui-toolkit .order-xs-4 {
    order: 4 !important;
  }

  .ui-toolkit .order-xs-5 {
    order: 5 !important;
  }

  .ui-toolkit .order-xs-6 {
    order: 6 !important;
  }

  .ui-toolkit .flex-direction-row-xs {
    flex-direction: row !important;
  }

  .ui-toolkit .flex-direction-column-xs {
    flex-direction: column !important;
  }

  .ui-toolkit .flex-direction-row-reverse-xs {
    flex-direction: row-reverse !important;
  }

  .ui-toolkit .flex-direction-column-reverse-xs {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .display-flex-sm {
    display: flex !important;
  }

  .ui-toolkit .display-inline-flex-sm {
    display: inline-flex !important;
  }

  .ui-toolkit .flex-sm-none {
    flex: 0 0 auto !important;
  }

  .ui-toolkit .flex-sm-auto {
    flex: 1 1 auto !important;
  }

  .ui-toolkit .flex-sm-0 {
    flex: 0 1 0% !important;
  }

  .ui-toolkit .flex-sm-1 {
    flex: 1 1 0% !important;
  }

  .ui-toolkit .flex-sm-2 {
    flex: 2 1 0% !important;
  }

  .ui-toolkit .flex-sm-3 {
    flex: 3 1 0% !important;
  }

  .ui-toolkit .flex-sm-4 {
    flex: 4 1 0% !important;
  }

  .ui-toolkit .flex-sm-5 {
    flex: 5 1 0% !important;
  }

  .ui-toolkit .flex-sm-6 {
    flex: 6 1 0% !important;
  }

  .ui-toolkit .order-sm-neg1 {
    order: -1 !important;
  }

  .ui-toolkit .flex-direction-row-sm {
    flex-direction: row !important;
  }

  .ui-toolkit .flex-direction-column-sm {
    flex-direction: column !important;
  }

  .ui-toolkit .flex-direction-row-reverse-sm {
    flex-direction: row-reverse !important;
  }

  .ui-toolkit .flex-direction-column-reverse-sm {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .display-flex-md {
    display: flex !important;
  }

  .ui-toolkit .display-inline-flex-md {
    display: inline-flex !important;
  }

  .ui-toolkit .flex-md-none {
    flex: 0 0 auto !important;
  }

  .ui-toolkit .flex-md-auto {
    flex: 1 1 auto !important;
  }

  .ui-toolkit .flex-md-0 {
    flex: 0 1 0% !important;
  }

  .ui-toolkit .flex-md-1 {
    flex: 1 1 0% !important;
  }

  .ui-toolkit .flex-md-2 {
    flex: 2 1 0% !important;
  }

  .ui-toolkit .flex-md-3 {
    flex: 3 1 0% !important;
  }

  .ui-toolkit .flex-md-4 {
    flex: 4 1 0% !important;
  }

  .ui-toolkit .flex-md-5 {
    flex: 5 1 0% !important;
  }

  .ui-toolkit .flex-md-6 {
    flex: 6 1 0% !important;
  }

  .ui-toolkit .order-md-neg1 {
    order: -1 !important;
  }

  .ui-toolkit .order-md-0 {
    order: 0 !important;
  }

  .ui-toolkit .order-md-1 {
    order: 1 !important;
  }

  .ui-toolkit .order-md-2 {
    order: 2 !important;
  }

  .ui-toolkit .order-md-3 {
    order: 3 !important;
  }

  .ui-toolkit .order-md-4 {
    order: 4 !important;
  }

  .ui-toolkit .order-md-5 {
    order: 5 !important;
  }

  .ui-toolkit .order-md-6 {
    order: 6 !important;
  }

  .ui-toolkit .flex-direction-row-md {
    flex-direction: row !important;
  }

  .ui-toolkit .flex-direction-column-md {
    flex-direction: column !important;
  }

  .ui-toolkit .flex-direction-row-reverse-md {
    flex-direction: row-reverse !important;
  }

  .ui-toolkit .flex-direction-column-reverse-md {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .display-flex-lg {
    display: flex !important;
  }

  .ui-toolkit .display-inline-flex-lg {
    display: inline-flex !important;
  }

  .ui-toolkit .flex-lg-none {
    flex: 0 0 auto !important;
  }

  .ui-toolkit .flex-lg-auto {
    flex: 1 1 auto !important;
  }

  .ui-toolkit .flex-lg-0 {
    flex: 0 1 0% !important;
  }

  .ui-toolkit .flex-lg-1 {
    flex: 1 1 0% !important;
  }

  .ui-toolkit .flex-lg-2 {
    flex: 2 1 0% !important;
  }

  .ui-toolkit .flex-lg-3 {
    flex: 3 1 0% !important;
  }

  .ui-toolkit .flex-lg-4 {
    flex: 4 1 0% !important;
  }

  .ui-toolkit .flex-lg-5 {
    flex: 5 1 0% !important;
  }

  .ui-toolkit .flex-lg-6 {
    flex: 6 1 0% !important;
  }

  .ui-toolkit .order-lg-neg1 {
    order: -1 !important;
  }

  .ui-toolkit .order-lg-0 {
    order: 0 !important;
  }

  .ui-toolkit .order-lg-1 {
    order: 1 !important;
  }

  .ui-toolkit .order-lg-2 {
    order: 2 !important;
  }

  .ui-toolkit .order-lg-3 {
    order: 3 !important;
  }

  .ui-toolkit .order-lg-4 {
    order: 4 !important;
  }

  .ui-toolkit .order-lg-5 {
    order: 5 !important;
  }

  .ui-toolkit .order-lg-6 {
    order: 6 !important;
  }

  .ui-toolkit .flex-direction-row-lg {
    flex-direction: row !important;
  }

  .ui-toolkit .flex-direction-column-lg {
    flex-direction: column !important;
  }

  .ui-toolkit .flex-direction-row-reverse-lg {
    flex-direction: row-reverse !important;
  }

  .ui-toolkit .flex-direction-column-reverse-lg {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .display-flex-xl {
    display: flex !important;
  }

  .ui-toolkit .display-inline-flex-xl {
    display: inline-flex !important;
  }

  .ui-toolkit .flex-xl-none {
    flex: 0 0 auto !important;
  }

  .ui-toolkit .flex-xl-auto {
    flex: 1 1 auto !important;
  }

  .ui-toolkit .flex-xl-0 {
    flex: 0 1 0% !important;
  }

  .ui-toolkit .flex-xl-1 {
    flex: 1 1 0% !important;
  }

  .ui-toolkit .flex-xl-2 {
    flex: 2 1 0% !important;
  }

  .ui-toolkit .flex-xl-3 {
    flex: 3 1 0% !important;
  }

  .ui-toolkit .flex-xl-4 {
    flex: 4 1 0% !important;
  }

  .ui-toolkit .flex-xl-5 {
    flex: 5 1 0% !important;
  }

  .ui-toolkit .flex-xl-6 {
    flex: 6 1 0% !important;
  }

  .ui-toolkit .order-xl-neg1 {
    order: -1 !important;
  }

  .ui-toolkit .order-xl-0 {
    order: 0 !important;
  }

  .ui-toolkit .order-xl-1 {
    order: 1 !important;
  }

  .ui-toolkit .order-xl-2 {
    order: 2 !important;
  }

  .ui-toolkit .order-xl-3 {
    order: 3 !important;
  }

  .ui-toolkit .order-xl-4 {
    order: 4 !important;
  }

  .ui-toolkit .order-xl-5 {
    order: 5 !important;
  }

  .ui-toolkit .order-xl-6 {
    order: 6 !important;
  }

  .ui-toolkit .flex-direction-row-xl {
    flex-direction: row !important;
  }

  .ui-toolkit .flex-direction-column-xl {
    flex-direction: column !important;
  }

  .ui-toolkit .flex-direction-row-reverse-xl {
    flex-direction: row-reverse !important;
  }

  .ui-toolkit .flex-direction-column-reverse-xl {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .display-flex-tv {
    display: flex !important;
  }

  .ui-toolkit .display-inline-flex-tv {
    display: inline-flex !important;
  }

  .ui-toolkit .flex-tv-none {
    flex: 0 0 auto !important;
  }

  .ui-toolkit .flex-tv-auto {
    flex: 1 1 auto !important;
  }

  .ui-toolkit .flex-tv-0 {
    flex: 0 1 0% !important;
  }

  .ui-toolkit .flex-tv-1 {
    flex: 1 1 0% !important;
  }

  .ui-toolkit .flex-tv-2 {
    flex: 2 1 0% !important;
  }

  .ui-toolkit .flex-tv-3 {
    flex: 3 1 0% !important;
  }

  .ui-toolkit .flex-tv-4 {
    flex: 4 1 0% !important;
  }

  .ui-toolkit .flex-tv-5 {
    flex: 5 1 0% !important;
  }

  .ui-toolkit .flex-tv-6 {
    flex: 6 1 0% !important;
  }

  .ui-toolkit .order-tv-neg1 {
    order: -1 !important;
  }

  .ui-toolkit .order-tv-0 {
    order: 0 !important;
  }

  .ui-toolkit .order-tv-1 {
    order: 1 !important;
  }

  .ui-toolkit .order-tv-2 {
    order: 2 !important;
  }

  .ui-toolkit .order-tv-3 {
    order: 3 !important;
  }

  .ui-toolkit .order-tv-4 {
    order: 4 !important;
  }

  .ui-toolkit .order-tv-5 {
    order: 5 !important;
  }

  .ui-toolkit .order-tv-6 {
    order: 6 !important;
  }

  .ui-toolkit .flex-direction-row-tv {
    flex-direction: row !important;
  }

  .ui-toolkit .flex-direction-column-tv {
    flex-direction: column !important;
  }

  .ui-toolkit .flex-direction-row-reverse-tv {
    flex-direction: row-reverse !important;
  }

  .ui-toolkit .flex-direction-column-reverse-tv {
    flex-direction: column-reverse !important;
  }
}

.ui-toolkit .flex-nowrap {
  flex-wrap: nowrap !important;
}

.ui-toolkit .flex-wrap {
  flex-wrap: wrap !important;
}

.ui-toolkit .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.ui-toolkit .justify-content-flex-start {
  justify-content: flex-start !important;
}

.ui-toolkit .justify-content-flex-end {
  justify-content: flex-end !important;
}

.ui-toolkit .justify-content-center {
  justify-content: center !important;
}

.ui-toolkit .justify-content-space-between {
  justify-content: space-between !important;
}

.ui-toolkit .justify-content-space-around {
  justify-content: space-around !important;
}

.ui-toolkit .align-items-flex-start {
  align-items: flex-start !important;
}

.ui-toolkit .align-items-flex-end {
  align-items: flex-end !important;
}

.ui-toolkit .align-items-center {
  align-items: center !important;
}

.ui-toolkit .align-items-baseline {
  align-items: baseline !important;
}

.ui-toolkit .align-items-stretch {
  align-items: stretch !important;
}

.ui-toolkit .align-content-flex-start {
  align-content: flex-start !important;
}

.ui-toolkit .align-content-flex-end {
  align-content: flex-end !important;
}

.ui-toolkit .align-content-center {
  align-content: center !important;
}

.ui-toolkit .align-content-space-between {
  align-content: space-between !important;
}

.ui-toolkit .align-content-space-around {
  align-content: space-around !important;
}

.ui-toolkit .align-content-stretch {
  align-content: space-around !important;
}

.ui-toolkit .align-self-flex-start {
  align-self: flex-start !important;
}

.ui-toolkit .align-self-flex-end {
  align-self: flex-end !important;
}

.ui-toolkit .align-self-center {
  align-self: center !important;
}

.ui-toolkit .align-self-baseline {
  align-self: baseline !important;
}

.ui-toolkit .align-self-stretch {
  align-self: stretch !important;
}

.ui-toolkit .normal {
  font-weight: normal;
}

.ui-toolkit b,
.ui-toolkit .b,
.ui-toolkit strong,
.ui-toolkit .strong {
  font-weight: bold;
}

.ui-toolkit .text-transform-none {
  text-transform: none;
}

@media screen and (orientation: portrait) and (min-device-width: 680px),
  screen and (orientation: landscape) and (min-device-height: 680px) {
  .ui-toolkit b,
  .ui-toolkit .b,
  .ui-toolkit strong,
  .ui-toolkit .strong {
    font-weight: 500;
  }
}

.ui-toolkit .i,
.ui-toolkit .em {
  font-style: italic;
}

.ui-toolkit .underline {
  text-decoration: underline;
}

.ui-toolkit .strikethrough {
  text-decoration: line-through;
}

@media only screen and (min-width: 0) {
  .ui-toolkit .text-left-xs-up,
  .ui-toolkit .text-left {
    text-align: left;
  }

  .ui-toolkit .text-center-xs-up,
  .ui-toolkit .text-center {
    text-align: center;
  }

  .ui-toolkit .text-right-xs-up,
  .ui-toolkit .text-right {
    text-align: right;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .text-left-sm-up {
    text-align: left;
  }

  .ui-toolkit .text-center-sm-up {
    text-align: center;
  }

  .ui-toolkit .text-right-sm-up {
    text-align: right;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .text-left-md-up {
    text-align: left;
  }

  .ui-toolkit .text-center-md-up {
    text-align: center;
  }

  .ui-toolkit .text-right-md-up {
    text-align: right;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .text-left-lg-up {
    text-align: left;
  }

  .ui-toolkit .text-center-lg-up {
    text-align: center;
  }

  .ui-toolkit .text-right-lg-up {
    text-align: right;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .text-left-xl-up {
    text-align: left;
  }

  .ui-toolkit .text-center-xl-up {
    text-align: center;
  }

  .ui-toolkit .text-right-xl-up {
    text-align: right;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .text-left-tv-up,
  .ui-toolkit .text-left-tv-only {
    text-align: left;
  }

  .ui-toolkit .text-center-tv-up,
  .ui-toolkit .text-center-tv-only {
    text-align: center;
  }

  .ui-toolkit .text-right-tv-up,
  .ui-toolkit .text-right-tv-only {
    text-align: right;
  }
}

.ui-toolkit .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-toolkit .no-wrap {
  white-space: nowrap;
}

.ui-toolkit .pre-wrap {
  white-space: pre-wrap;
}

.ui-toolkit .cjk-no-wrap:lang(zh),
.ui-toolkit .cjk-no-wrap:lang(ja),
.ui-toolkit .cjk-no-wrap:lang(ko) {
  white-space: nowrap;
}

.ui-toolkit .break-word {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.ui-toolkit .break-all {
  word-break: break-all;
}

.ui-toolkit .text-smallest {
  font-size: 61.43%;
  position: relative;
  bottom: -15px;
}

.ui-toolkit .text-smaller {
  font-size: 85.71%;
}

.ui-toolkit .text-larger {
  font-size: 114.28%;
}

.ui-toolkit .text-largest {
  font-size: 128.57%;
}

.ui-toolkit .rounded {
  border-radius: 3px;
  overflow: hidden;
}

.ui-toolkit .circle {
  border-radius: 50%;
  overflow: hidden;
}

.ui-toolkit .box-shadow-bottom {
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.ui-toolkit .box-shadow-top {
  -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
}

.ui-toolkit .unselectable {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.ui-toolkit .pointer-events-none {
  pointer-events: none;
}

.ui-toolkit .display-inline {
  display: inline;
}

.ui-toolkit .display-inline-block {
  display: inline-block;
}

.ui-toolkit .display-block {
  display: block;
}

.ui-toolkit .display-table {
  display: table;
}

.ui-toolkit .display-table-cell {
  display: table-cell;
}

.ui-toolkit .display-none {
  display: none;
}

.ui-toolkit .visibility-hidden {
  visibility: hidden;
}

.ui-toolkit .visibility-visible {
  visibility: visible;
}

.ui-toolkit .screen-reader-only,
.ui-toolkit .wt-screen-reader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-toolkit .screen-reader-only.focusable:active,
.ui-toolkit .screen-reader-only.focusable:focus,
.ui-toolkit .screen-reader-only.wt-focusable:active,
.ui-toolkit .screen-reader-only.wt-focusable:focus,
.ui-toolkit .wt-screen-reader-only.focusable:active,
.ui-toolkit .wt-screen-reader-only.focusable:focus,
.ui-toolkit .wt-screen-reader-only.wt-focusable:active,
.ui-toolkit .wt-screen-reader-only.wt-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  clip: auto;
  overflow: visible;
}

.ui-toolkit .focus-outline:active,
.ui-toolkit .focus-outline:focus {
  border: 2px solid blue;
}

.ui-toolkit .show-xs,
.ui-toolkit .show-sm,
.ui-toolkit .show-md,
.ui-toolkit .show-lg,
.ui-toolkit .show-xl,
.ui-toolkit .show-tv {
  display: none;
}

@media only screen and (min-width: 0) and (max-width: 479px) {
  .ui-toolkit .show-xs {
    display: block;
  }

  .ui-toolkit .hide-xs {
    display: none;
  }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  .ui-toolkit .show-sm {
    display: block;
  }

  .ui-toolkit .hide-sm {
    display: none;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  .ui-toolkit .show-md {
    display: block;
  }

  .ui-toolkit .hide-md {
    display: none;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .ui-toolkit .show-lg {
    display: block;
  }

  .ui-toolkit .hide-lg {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ui-toolkit .show-xl {
    display: block;
  }

  .ui-toolkit .hide-xl {
    display: none;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .show-tv {
    display: block;
  }

  .ui-toolkit .hide-tv {
    display: none;
  }
}

.ui-toolkit .overflow-auto {
  overflow: auto;
}

.ui-toolkit .overflow-hidden {
  overflow: hidden;
}

.ui-toolkit .overflow-scroll {
  overflow: scroll;
}

.ui-toolkit .overflow-y-auto {
  overflow-y: auto;
}

.ui-toolkit .overflow-y-hidden {
  overflow-y: hidden;
}

.ui-toolkit .overflow-y-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
}

.ui-toolkit .overflow-x-auto {
  overflow-x: auto;
}

.ui-toolkit .overflow-x-hidden {
  overflow-x: hidden;
}

.ui-toolkit .overflow-x-scroll {
  overflow-x: scroll;
}

.ui-toolkit body.body-no-scroll {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
}

.ui-toolkit .clearfix:before,
.ui-toolkit .clearfix:after {
  content: " ";
  display: table;
}

.ui-toolkit .clearfix:after {
  clear: both;
}

.ui-toolkit .float-left {
  float: left;
}

.ui-toolkit .float-right {
  float: right;
}

.ui-toolkit .float-clear {
  clear: both;
}

.ui-toolkit .float-none {
  float: none;
}

.ui-toolkit .horizontal-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ui-toolkit .vertical-center {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.ui-toolkit .has-hover-state:hover {
  cursor: pointer;
}

.ui-toolkit .img-hover-darken,
.ui-toolkit .parent-img-hover-darken .child-img-hover-darken {
  position: relative;
}

.ui-toolkit .img-hover-darken:after,
.ui-toolkit .parent-img-hover-darken .child-img-hover-darken:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  background-color: #000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.ui-toolkit .img-hover-darken:hover:after,
.ui-toolkit .parent-img-hover-darken:hover .child-img-hover-darken:after,
.ui-toolkit .img-hover-darken:focus:after,
.ui-toolkit .parent-img-hover-darken:focus .child-img-hover-darken:after {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
  opacity: 0.05;
}

.ui-toolkit .parent-hover-underline .child-hover-underline {
  text-decoration: none;
}

.ui-toolkit .parent-hover-underline:hover,
.ui-toolkit .parent-hover-underline:focus {
  text-decoration: none;
}

.ui-toolkit .parent-hover-underline:hover .child-hover-underline,
.ui-toolkit .parent-hover-underline:hover.is-active .child-hover-underline,
.ui-toolkit .parent-hover-underline:focus .child-hover-underline,
.ui-toolkit .parent-hover-underline:focus.is-active .child-hover-underline {
  text-decoration: underline;
}

.ui-toolkit .parent-hover-show .child-hover-show {
  visibility: hidden;
}

.ui-toolkit .parent-hover-show:hover .child-hover-show,
.ui-toolkit .parent-hover-show.is-active .child-hover-show {
  visibility: visible;
}

.ui-toolkit .caret {
  position: relative;
  display: inline-block;
  padding-right: 25px;
}

.ui-toolkit .caret:after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%2216.5 10 12 16 7.5 10 16.5 10%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  background-size: 100%;
  background-position: center;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 3px;
  top: 50%;
}

.ui-toolkit .caret.caret-inverted:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%227.5 14 12 8 16.5 14 7.5 14%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}

@media only screen and (min-width: 0) {
  .ui-toolkit .b-xs-0 {
    border: 0px solid #e1e3df;
  }

  .ui-toolkit .bt-xs-0 {
    border-top: 0px solid #e1e3df;
  }

  .ui-toolkit .br-xs-0 {
    border-right: 0px solid #e1e3df;
  }

  .ui-toolkit .bb-xs-0 {
    border-bottom: 0px solid #e1e3df;
  }

  .ui-toolkit .bl-xs-0 {
    border-left: 0px solid #e1e3df;
  }

  .ui-toolkit .b-xs-1 {
    border: 1px solid #e1e3df;
  }

  .ui-toolkit .bt-xs-1 {
    border-top: 1px solid #e1e3df;
  }

  .ui-toolkit .br-xs-1 {
    border-right: 1px solid #e1e3df;
  }

  .ui-toolkit .bb-xs-1 {
    border-bottom: 1px solid #e1e3df;
  }

  .ui-toolkit .bl-xs-1 {
    border-left: 1px solid #e1e3df;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .b-sm-0 {
    border: 0px solid #e1e3df;
  }

  .ui-toolkit .bt-sm-0 {
    border-top: 0px solid #e1e3df;
  }

  .ui-toolkit .br-sm-0 {
    border-right: 0px solid #e1e3df;
  }

  .ui-toolkit .bb-sm-0 {
    border-bottom: 0px solid #e1e3df;
  }

  .ui-toolkit .bl-sm-0 {
    border-left: 0px solid #e1e3df;
  }

  .ui-toolkit .b-sm-1 {
    border: 1px solid #e1e3df;
  }

  .ui-toolkit .bt-sm-1 {
    border-top: 1px solid #e1e3df;
  }

  .ui-toolkit .br-sm-1 {
    border-right: 1px solid #e1e3df;
  }

  .ui-toolkit .bb-sm-1 {
    border-bottom: 1px solid #e1e3df;
  }

  .ui-toolkit .bl-sm-1 {
    border-left: 1px solid #e1e3df;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .b-md-0 {
    border: 0px solid #e1e3df;
  }

  .ui-toolkit .bt-md-0 {
    border-top: 0px solid #e1e3df;
  }

  .ui-toolkit .br-md-0 {
    border-right: 0px solid #e1e3df;
  }

  .ui-toolkit .bb-md-0 {
    border-bottom: 0px solid #e1e3df;
  }

  .ui-toolkit .bl-md-0 {
    border-left: 0px solid #e1e3df;
  }

  .ui-toolkit .b-md-1 {
    border: 1px solid #e1e3df;
  }

  .ui-toolkit .bt-md-1 {
    border-top: 1px solid #e1e3df;
  }

  .ui-toolkit .br-md-1 {
    border-right: 1px solid #e1e3df;
  }

  .ui-toolkit .bb-md-1 {
    border-bottom: 1px solid #e1e3df;
  }

  .ui-toolkit .bl-md-1 {
    border-left: 1px solid #e1e3df;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .b-lg-0 {
    border: 0px solid #e1e3df;
  }

  .ui-toolkit .bt-lg-0 {
    border-top: 0px solid #e1e3df;
  }

  .ui-toolkit .br-lg-0 {
    border-right: 0px solid #e1e3df;
  }

  .ui-toolkit .bb-lg-0 {
    border-bottom: 0px solid #e1e3df;
  }

  .ui-toolkit .bl-lg-0 {
    border-left: 0px solid #e1e3df;
  }

  .ui-toolkit .b-lg-1 {
    border: 1px solid #e1e3df;
  }

  .ui-toolkit .bt-lg-1 {
    border-top: 1px solid #e1e3df;
  }

  .ui-toolkit .br-lg-1 {
    border-right: 1px solid #e1e3df;
  }

  .ui-toolkit .bb-lg-1 {
    border-bottom: 1px solid #e1e3df;
  }

  .ui-toolkit .bl-lg-1 {
    border-left: 1px solid #e1e3df;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .b-xl-0 {
    border: 0px solid #e1e3df;
  }

  .ui-toolkit .bt-xl-0 {
    border-top: 0px solid #e1e3df;
  }

  .ui-toolkit .br-xl-0 {
    border-right: 0px solid #e1e3df;
  }

  .ui-toolkit .bb-xl-0 {
    border-bottom: 0px solid #e1e3df;
  }

  .ui-toolkit .bl-xl-0 {
    border-left: 0px solid #e1e3df;
  }

  .ui-toolkit .b-xl-1 {
    border: 1px solid #e1e3df;
  }

  .ui-toolkit .bt-xl-1 {
    border-top: 1px solid #e1e3df;
  }

  .ui-toolkit .br-xl-1 {
    border-right: 1px solid #e1e3df;
  }

  .ui-toolkit .bb-xl-1 {
    border-bottom: 1px solid #e1e3df;
  }

  .ui-toolkit .bl-xl-1 {
    border-left: 1px solid #e1e3df;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .b-tv-0 {
    border: 0px solid #e1e3df;
  }

  .ui-toolkit .bt-tv-0 {
    border-top: 0px solid #e1e3df;
  }

  .ui-toolkit .br-tv-0 {
    border-right: 0px solid #e1e3df;
  }

  .ui-toolkit .bb-tv-0 {
    border-bottom: 0px solid #e1e3df;
  }

  .ui-toolkit .bl-tv-0 {
    border-left: 0px solid #e1e3df;
  }

  .ui-toolkit .b-tv-1 {
    border: 1px solid #e1e3df;
  }

  .ui-toolkit .bt-tv-1 {
    border-top: 1px solid #e1e3df;
  }

  .ui-toolkit .br-tv-1 {
    border-right: 1px solid #e1e3df;
  }

  .ui-toolkit .bb-tv-1 {
    border-bottom: 1px solid #e1e3df;
  }

  .ui-toolkit .bl-tv-1 {
    border-left: 1px solid #e1e3df;
  }
}

@media only screen and (min-width: 0) {
  .ui-toolkit .m-xs-0 {
    margin: 0px;
  }

  .ui-toolkit .mt-xs-0 {
    margin-top: 0px;
  }

  .ui-toolkit .mr-xs-0 {
    margin-right: 0px;
  }

  .ui-toolkit .mb-xs-0 {
    margin-bottom: 0px;
  }

  .ui-toolkit .ml-xs-0 {
    margin-left: 0px;
  }

  .ui-toolkit .m-xs-1 {
    margin: 6px;
  }

  .ui-toolkit .mt-xs-1 {
    margin-top: 6px;
  }

  .ui-toolkit .mr-xs-1 {
    margin-right: 6px;
  }

  .ui-toolkit .mb-xs-1 {
    margin-bottom: 6px;
  }

  .ui-toolkit .ml-xs-1 {
    margin-left: 6px;
  }

  .ui-toolkit .m-xs-2 {
    margin: 12px;
  }

  .ui-toolkit .mt-xs-2 {
    margin-top: 12px;
  }

  .ui-toolkit .mr-xs-2 {
    margin-right: 12px;
  }

  .ui-toolkit .mb-xs-2 {
    margin-bottom: 12px;
  }

  .ui-toolkit .ml-xs-2 {
    margin-left: 12px;
  }

  .ui-toolkit .m-xs-3 {
    margin: 18px;
  }

  .ui-toolkit .mt-xs-3 {
    margin-top: 18px;
  }

  .ui-toolkit .mr-xs-3 {
    margin-right: 18px;
  }

  .ui-toolkit .mb-xs-3 {
    margin-bottom: 18px;
  }

  .ui-toolkit .ml-xs-3 {
    margin-left: 18px;
  }

  .ui-toolkit .m-xs-4 {
    margin: 24px;
  }

  .ui-toolkit .mt-xs-4 {
    margin-top: 24px;
  }

  .ui-toolkit .mr-xs-4 {
    margin-right: 24px;
  }

  .ui-toolkit .mb-xs-4 {
    margin-bottom: 24px;
  }

  .ui-toolkit .ml-xs-4 {
    margin-left: 24px;
  }

  .ui-toolkit .m-xs-5 {
    margin: 30px;
  }

  .ui-toolkit .mt-xs-5 {
    margin-top: 30px;
  }

  .ui-toolkit .mr-xs-5 {
    margin-right: 30px;
  }

  .ui-toolkit .mb-xs-5 {
    margin-bottom: 30px;
  }

  .ui-toolkit .ml-xs-5 {
    margin-left: 30px;
  }

  .ui-toolkit .m-xs-6 {
    margin: 36px;
  }

  .ui-toolkit .mt-xs-6 {
    margin-top: 36px;
  }

  .ui-toolkit .mr-xs-6 {
    margin-right: 36px;
  }

  .ui-toolkit .mb-xs-6 {
    margin-bottom: 36px;
  }

  .ui-toolkit .ml-xs-6 {
    margin-left: 36px;
  }

  .ui-toolkit .m-xs-7 {
    margin: 42px;
  }

  .ui-toolkit .mt-xs-7 {
    margin-top: 42px;
  }

  .ui-toolkit .mr-xs-7 {
    margin-right: 42px;
  }

  .ui-toolkit .mb-xs-7 {
    margin-bottom: 42px;
  }

  .ui-toolkit .ml-xs-7 {
    margin-left: 42px;
  }

  .ui-toolkit .m-xs-8 {
    margin: 48px;
  }

  .ui-toolkit .mt-xs-8 {
    margin-top: 48px;
  }

  .ui-toolkit .mr-xs-8 {
    margin-right: 48px;
  }

  .ui-toolkit .mb-xs-8 {
    margin-bottom: 48px;
  }

  .ui-toolkit .ml-xs-8 {
    margin-left: 48px;
  }

  .ui-toolkit .m-xs-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .m-sm-0 {
    margin: 0px;
  }

  .ui-toolkit .mt-sm-0 {
    margin-top: 0px;
  }

  .ui-toolkit .mr-sm-0 {
    margin-right: 0px;
  }

  .ui-toolkit .mb-sm-0 {
    margin-bottom: 0px;
  }

  .ui-toolkit .ml-sm-0 {
    margin-left: 0px;
  }

  .ui-toolkit .m-sm-1 {
    margin: 6px;
  }

  .ui-toolkit .mt-sm-1 {
    margin-top: 6px;
  }

  .ui-toolkit .mr-sm-1 {
    margin-right: 6px;
  }

  .ui-toolkit .mb-sm-1 {
    margin-bottom: 6px;
  }

  .ui-toolkit .ml-sm-1 {
    margin-left: 6px;
  }

  .ui-toolkit .m-sm-2 {
    margin: 12px;
  }

  .ui-toolkit .mt-sm-2 {
    margin-top: 12px;
  }

  .ui-toolkit .mr-sm-2 {
    margin-right: 12px;
  }

  .ui-toolkit .mb-sm-2 {
    margin-bottom: 12px;
  }

  .ui-toolkit .ml-sm-2 {
    margin-left: 12px;
  }

  .ui-toolkit .m-sm-3 {
    margin: 18px;
  }

  .ui-toolkit .mt-sm-3 {
    margin-top: 18px;
  }

  .ui-toolkit .mr-sm-3 {
    margin-right: 18px;
  }

  .ui-toolkit .mb-sm-3 {
    margin-bottom: 18px;
  }

  .ui-toolkit .ml-sm-3 {
    margin-left: 18px;
  }

  .ui-toolkit .m-sm-4 {
    margin: 24px;
  }

  .ui-toolkit .mt-sm-4 {
    margin-top: 24px;
  }

  .ui-toolkit .mr-sm-4 {
    margin-right: 24px;
  }

  .ui-toolkit .mb-sm-4 {
    margin-bottom: 24px;
  }

  .ui-toolkit .ml-sm-4 {
    margin-left: 24px;
  }

  .ui-toolkit .m-sm-5 {
    margin: 30px;
  }

  .ui-toolkit .mt-sm-5 {
    margin-top: 30px;
  }

  .ui-toolkit .mr-sm-5 {
    margin-right: 30px;
  }

  .ui-toolkit .mb-sm-5 {
    margin-bottom: 30px;
  }

  .ui-toolkit .ml-sm-5 {
    margin-left: 30px;
  }

  .ui-toolkit .m-sm-6 {
    margin: 36px;
  }

  .ui-toolkit .mt-sm-6 {
    margin-top: 36px;
  }

  .ui-toolkit .mr-sm-6 {
    margin-right: 36px;
  }

  .ui-toolkit .mb-sm-6 {
    margin-bottom: 36px;
  }

  .ui-toolkit .ml-sm-6 {
    margin-left: 36px;
  }

  .ui-toolkit .m-sm-7 {
    margin: 42px;
  }

  .ui-toolkit .mt-sm-7 {
    margin-top: 42px;
  }

  .ui-toolkit .mr-sm-7 {
    margin-right: 42px;
  }

  .ui-toolkit .mb-sm-7 {
    margin-bottom: 42px;
  }

  .ui-toolkit .ml-sm-7 {
    margin-left: 42px;
  }

  .ui-toolkit .m-sm-8 {
    margin: 48px;
  }

  .ui-toolkit .mt-sm-8 {
    margin-top: 48px;
  }

  .ui-toolkit .mr-sm-8 {
    margin-right: 48px;
  }

  .ui-toolkit .mb-sm-8 {
    margin-bottom: 48px;
  }

  .ui-toolkit .ml-sm-8 {
    margin-left: 48px;
  }

  .ui-toolkit .m-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .m-md-0 {
    margin: 0px;
  }

  .ui-toolkit .mt-md-0 {
    margin-top: 0px;
  }

  .ui-toolkit .mr-md-0 {
    margin-right: 0px;
  }

  .ui-toolkit .mb-md-0 {
    margin-bottom: 0px;
  }

  .ui-toolkit .ml-md-0 {
    margin-left: 0px;
  }

  .ui-toolkit .m-md-1 {
    margin: 6px;
  }

  .ui-toolkit .mt-md-1 {
    margin-top: 6px;
  }

  .ui-toolkit .mr-md-1 {
    margin-right: 6px;
  }

  .ui-toolkit .mb-md-1 {
    margin-bottom: 6px;
  }

  .ui-toolkit .ml-md-1 {
    margin-left: 6px;
  }

  .ui-toolkit .m-md-2 {
    margin: 12px;
  }

  .ui-toolkit .mt-md-2 {
    margin-top: 12px;
  }

  .ui-toolkit .mr-md-2 {
    margin-right: 12px;
  }

  .ui-toolkit .mb-md-2 {
    margin-bottom: 12px;
  }

  .ui-toolkit .ml-md-2 {
    margin-left: 12px;
  }

  .ui-toolkit .m-md-3 {
    margin: 18px;
  }

  .ui-toolkit .mt-md-3 {
    margin-top: 18px;
  }

  .ui-toolkit .mr-md-3 {
    margin-right: 18px;
  }

  .ui-toolkit .mb-md-3 {
    margin-bottom: 18px;
  }

  .ui-toolkit .ml-md-3 {
    margin-left: 18px;
  }

  .ui-toolkit .m-md-4 {
    margin: 24px;
  }

  .ui-toolkit .mt-md-4 {
    margin-top: 24px;
  }

  .ui-toolkit .mr-md-4 {
    margin-right: 24px;
  }

  .ui-toolkit .mb-md-4 {
    margin-bottom: 24px;
  }

  .ui-toolkit .ml-md-4 {
    margin-left: 24px;
  }

  .ui-toolkit .m-md-5 {
    margin: 30px;
  }

  .ui-toolkit .mt-md-5 {
    margin-top: 30px;
  }

  .ui-toolkit .mr-md-5 {
    margin-right: 30px;
  }

  .ui-toolkit .mb-md-5 {
    margin-bottom: 30px;
  }

  .ui-toolkit .ml-md-5 {
    margin-left: 30px;
  }

  .ui-toolkit .m-md-6 {
    margin: 36px;
  }

  .ui-toolkit .mt-md-6 {
    margin-top: 36px;
  }

  .ui-toolkit .mr-md-6 {
    margin-right: 36px;
  }

  .ui-toolkit .mb-md-6 {
    margin-bottom: 36px;
  }

  .ui-toolkit .ml-md-6 {
    margin-left: 36px;
  }

  .ui-toolkit .m-md-7 {
    margin: 42px;
  }

  .ui-toolkit .mt-md-7 {
    margin-top: 42px;
  }

  .ui-toolkit .mr-md-7 {
    margin-right: 42px;
  }

  .ui-toolkit .mb-md-7 {
    margin-bottom: 42px;
  }

  .ui-toolkit .ml-md-7 {
    margin-left: 42px;
  }

  .ui-toolkit .m-md-8 {
    margin: 48px;
  }

  .ui-toolkit .mt-md-8 {
    margin-top: 48px;
  }

  .ui-toolkit .mr-md-8 {
    margin-right: 48px;
  }

  .ui-toolkit .mb-md-8 {
    margin-bottom: 48px;
  }

  .ui-toolkit .ml-md-8 {
    margin-left: 48px;
  }

  .ui-toolkit .m-md-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .m-lg-0 {
    margin: 0px;
  }

  .ui-toolkit .mt-lg-0 {
    margin-top: 0px;
  }

  .ui-toolkit .mr-lg-0 {
    margin-right: 0px;
  }

  .ui-toolkit .mb-lg-0 {
    margin-bottom: 0px;
  }

  .ui-toolkit .ml-lg-0 {
    margin-left: 0px;
  }

  .ui-toolkit .m-lg-1 {
    margin: 6px;
  }

  .ui-toolkit .mt-lg-1 {
    margin-top: 6px;
  }

  .ui-toolkit .mr-lg-1 {
    margin-right: 6px;
  }

  .ui-toolkit .mb-lg-1 {
    margin-bottom: 6px;
  }

  .ui-toolkit .ml-lg-1 {
    margin-left: 6px;
  }

  .ui-toolkit .m-lg-2 {
    margin: 12px;
  }

  .ui-toolkit .mt-lg-2 {
    margin-top: 12px;
  }

  .ui-toolkit .mr-lg-2 {
    margin-right: 12px;
  }

  .ui-toolkit .mb-lg-2 {
    margin-bottom: 12px;
  }

  .ui-toolkit .ml-lg-2 {
    margin-left: 12px;
  }

  .ui-toolkit .m-lg-3 {
    margin: 18px;
  }

  .ui-toolkit .mt-lg-3 {
    margin-top: 18px;
  }

  .ui-toolkit .mr-lg-3 {
    margin-right: 18px;
  }

  .ui-toolkit .mb-lg-3 {
    margin-bottom: 18px;
  }

  .ui-toolkit .ml-lg-3 {
    margin-left: 18px;
  }

  .ui-toolkit .m-lg-4 {
    margin: 24px;
  }

  .ui-toolkit .mt-lg-4 {
    margin-top: 24px;
  }

  .ui-toolkit .mr-lg-4 {
    margin-right: 24px;
  }

  .ui-toolkit .mb-lg-4 {
    margin-bottom: 24px;
  }

  .ui-toolkit .ml-lg-4 {
    margin-left: 24px;
  }

  .ui-toolkit .m-lg-5 {
    margin: 30px;
  }

  .ui-toolkit .mt-lg-5 {
    margin-top: 30px;
  }

  .ui-toolkit .mr-lg-5 {
    margin-right: 30px;
  }

  .ui-toolkit .mb-lg-5 {
    margin-bottom: 30px;
  }

  .ui-toolkit .ml-lg-5 {
    margin-left: 30px;
  }

  .ui-toolkit .m-lg-6 {
    margin: 36px;
  }

  .ui-toolkit .mt-lg-6 {
    margin-top: 36px;
  }

  .ui-toolkit .mr-lg-6 {
    margin-right: 36px;
  }

  .ui-toolkit .mb-lg-6 {
    margin-bottom: 36px;
  }

  .ui-toolkit .ml-lg-6 {
    margin-left: 36px;
  }

  .ui-toolkit .m-lg-7 {
    margin: 42px;
  }

  .ui-toolkit .mt-lg-7 {
    margin-top: 42px;
  }

  .ui-toolkit .mr-lg-7 {
    margin-right: 42px;
  }

  .ui-toolkit .mb-lg-7 {
    margin-bottom: 42px;
  }

  .ui-toolkit .ml-lg-7 {
    margin-left: 42px;
  }

  .ui-toolkit .m-lg-8 {
    margin: 48px;
  }

  .ui-toolkit .mt-lg-8 {
    margin-top: 48px;
  }

  .ui-toolkit .mr-lg-8 {
    margin-right: 48px;
  }

  .ui-toolkit .mb-lg-8 {
    margin-bottom: 48px;
  }

  .ui-toolkit .ml-lg-8 {
    margin-left: 48px;
  }

  .ui-toolkit .m-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .m-xl-0 {
    margin: 0px;
  }

  .ui-toolkit .mt-xl-0 {
    margin-top: 0px;
  }

  .ui-toolkit .mr-xl-0 {
    margin-right: 0px;
  }

  .ui-toolkit .mb-xl-0 {
    margin-bottom: 0px;
  }

  .ui-toolkit .ml-xl-0 {
    margin-left: 0px;
  }

  .ui-toolkit .m-xl-1 {
    margin: 6px;
  }

  .ui-toolkit .mt-xl-1 {
    margin-top: 6px;
  }

  .ui-toolkit .mr-xl-1 {
    margin-right: 6px;
  }

  .ui-toolkit .mb-xl-1 {
    margin-bottom: 6px;
  }

  .ui-toolkit .ml-xl-1 {
    margin-left: 6px;
  }

  .ui-toolkit .m-xl-2 {
    margin: 12px;
  }

  .ui-toolkit .mt-xl-2 {
    margin-top: 12px;
  }

  .ui-toolkit .mr-xl-2 {
    margin-right: 12px;
  }

  .ui-toolkit .mb-xl-2 {
    margin-bottom: 12px;
  }

  .ui-toolkit .ml-xl-2 {
    margin-left: 12px;
  }

  .ui-toolkit .m-xl-3 {
    margin: 18px;
  }

  .ui-toolkit .mt-xl-3 {
    margin-top: 18px;
  }

  .ui-toolkit .mr-xl-3 {
    margin-right: 18px;
  }

  .ui-toolkit .mb-xl-3 {
    margin-bottom: 18px;
  }

  .ui-toolkit .ml-xl-3 {
    margin-left: 18px;
  }

  .ui-toolkit .m-xl-4 {
    margin: 24px;
  }

  .ui-toolkit .mt-xl-4 {
    margin-top: 24px;
  }

  .ui-toolkit .mr-xl-4 {
    margin-right: 24px;
  }

  .ui-toolkit .mb-xl-4 {
    margin-bottom: 24px;
  }

  .ui-toolkit .ml-xl-4 {
    margin-left: 24px;
  }

  .ui-toolkit .m-xl-5 {
    margin: 30px;
  }

  .ui-toolkit .mt-xl-5 {
    margin-top: 30px;
  }

  .ui-toolkit .mr-xl-5 {
    margin-right: 30px;
  }

  .ui-toolkit .mb-xl-5 {
    margin-bottom: 30px;
  }

  .ui-toolkit .ml-xl-5 {
    margin-left: 30px;
  }

  .ui-toolkit .m-xl-6 {
    margin: 36px;
  }

  .ui-toolkit .mt-xl-6 {
    margin-top: 36px;
  }

  .ui-toolkit .mr-xl-6 {
    margin-right: 36px;
  }

  .ui-toolkit .mb-xl-6 {
    margin-bottom: 36px;
  }

  .ui-toolkit .ml-xl-6 {
    margin-left: 36px;
  }

  .ui-toolkit .m-xl-7 {
    margin: 42px;
  }

  .ui-toolkit .mt-xl-7 {
    margin-top: 42px;
  }

  .ui-toolkit .mr-xl-7 {
    margin-right: 42px;
  }

  .ui-toolkit .mb-xl-7 {
    margin-bottom: 42px;
  }

  .ui-toolkit .ml-xl-7 {
    margin-left: 42px;
  }

  .ui-toolkit .m-xl-8 {
    margin: 48px;
  }

  .ui-toolkit .mt-xl-8 {
    margin-top: 48px;
  }

  .ui-toolkit .mr-xl-8 {
    margin-right: 48px;
  }

  .ui-toolkit .mb-xl-8 {
    margin-bottom: 48px;
  }

  .ui-toolkit .ml-xl-8 {
    margin-left: 48px;
  }

  .ui-toolkit .m-xl-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .m-tv-0 {
    margin: 0px;
  }

  .ui-toolkit .mt-tv-0 {
    margin-top: 0px;
  }

  .ui-toolkit .mr-tv-0 {
    margin-right: 0px;
  }

  .ui-toolkit .mb-tv-0 {
    margin-bottom: 0px;
  }

  .ui-toolkit .ml-tv-0 {
    margin-left: 0px;
  }

  .ui-toolkit .m-tv-1 {
    margin: 6px;
  }

  .ui-toolkit .mt-tv-1 {
    margin-top: 6px;
  }

  .ui-toolkit .mr-tv-1 {
    margin-right: 6px;
  }

  .ui-toolkit .mb-tv-1 {
    margin-bottom: 6px;
  }

  .ui-toolkit .ml-tv-1 {
    margin-left: 6px;
  }

  .ui-toolkit .m-tv-2 {
    margin: 12px;
  }

  .ui-toolkit .mt-tv-2 {
    margin-top: 12px;
  }

  .ui-toolkit .mr-tv-2 {
    margin-right: 12px;
  }

  .ui-toolkit .mb-tv-2 {
    margin-bottom: 12px;
  }

  .ui-toolkit .ml-tv-2 {
    margin-left: 12px;
  }

  .ui-toolkit .m-tv-3 {
    margin: 18px;
  }

  .ui-toolkit .mt-tv-3 {
    margin-top: 18px;
  }

  .ui-toolkit .mr-tv-3 {
    margin-right: 18px;
  }

  .ui-toolkit .mb-tv-3 {
    margin-bottom: 18px;
  }

  .ui-toolkit .ml-tv-3 {
    margin-left: 18px;
  }

  .ui-toolkit .m-tv-4 {
    margin: 24px;
  }

  .ui-toolkit .mt-tv-4 {
    margin-top: 24px;
  }

  .ui-toolkit .mr-tv-4 {
    margin-right: 24px;
  }

  .ui-toolkit .mb-tv-4 {
    margin-bottom: 24px;
  }

  .ui-toolkit .ml-tv-4 {
    margin-left: 24px;
  }

  .ui-toolkit .m-tv-5 {
    margin: 30px;
  }

  .ui-toolkit .mt-tv-5 {
    margin-top: 30px;
  }

  .ui-toolkit .mr-tv-5 {
    margin-right: 30px;
  }

  .ui-toolkit .mb-tv-5 {
    margin-bottom: 30px;
  }

  .ui-toolkit .ml-tv-5 {
    margin-left: 30px;
  }

  .ui-toolkit .m-tv-6 {
    margin: 36px;
  }

  .ui-toolkit .mt-tv-6 {
    margin-top: 36px;
  }

  .ui-toolkit .mr-tv-6 {
    margin-right: 36px;
  }

  .ui-toolkit .mb-tv-6 {
    margin-bottom: 36px;
  }

  .ui-toolkit .ml-tv-6 {
    margin-left: 36px;
  }

  .ui-toolkit .m-tv-7 {
    margin: 42px;
  }

  .ui-toolkit .mt-tv-7 {
    margin-top: 42px;
  }

  .ui-toolkit .mr-tv-7 {
    margin-right: 42px;
  }

  .ui-toolkit .mb-tv-7 {
    margin-bottom: 42px;
  }

  .ui-toolkit .ml-tv-7 {
    margin-left: 42px;
  }

  .ui-toolkit .m-tv-8 {
    margin: 48px;
  }

  .ui-toolkit .mt-tv-8 {
    margin-top: 48px;
  }

  .ui-toolkit .mr-tv-8 {
    margin-right: 48px;
  }

  .ui-toolkit .mb-tv-8 {
    margin-bottom: 48px;
  }

  .ui-toolkit .ml-tv-8 {
    margin-left: 48px;
  }

  .ui-toolkit .m-tv-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 0) {
  .ui-toolkit .p-xs-0 {
    padding: 0px;
  }

  .ui-toolkit .pt-xs-0 {
    padding-top: 0px;
  }

  .ui-toolkit .pr-xs-0 {
    padding-right: 0px;
  }

  .ui-toolkit .pb-xs-0 {
    padding-bottom: 0px;
  }

  .ui-toolkit .pl-xs-0 {
    padding-left: 0px;
  }

  .ui-toolkit .p-xs-1 {
    padding: 6px;
  }

  .ui-toolkit .pt-xs-1 {
    padding-top: 6px;
  }

  .ui-toolkit .pr-xs-1 {
    padding-right: 6px;
  }

  .ui-toolkit .pb-xs-1 {
    padding-bottom: 6px;
  }

  .ui-toolkit .pl-xs-1 {
    padding-left: 6px;
  }

  .ui-toolkit .p-xs-2 {
    padding: 12px;
  }

  .ui-toolkit .pt-xs-2 {
    padding-top: 12px;
  }

  .ui-toolkit .pr-xs-2 {
    padding-right: 9px;
  }

  .ui-toolkit .pb-xs-2 {
    padding-bottom: 12px;
  }

  .ui-toolkit .pl-xs-2 {
    padding-left: 9px;
  }

  .ui-toolkit .p-xs-3 {
    padding: 18px;
  }

  .ui-toolkit .pt-xs-3 {
    padding-top: 18px;
  }

  .ui-toolkit .pr-xs-3 {
    padding-right: 18px;
  }

  .ui-toolkit .pb-xs-3 {
    padding-bottom: 18px;
  }

  .ui-toolkit .pl-xs-3 {
    padding-left: 18px;
  }

  .ui-toolkit .p-xs-4 {
    padding: 24px;
  }

  .ui-toolkit .pt-xs-4 {
    padding-top: 24px;
  }

  .ui-toolkit .pr-xs-4 {
    padding-right: 24px;
  }

  .ui-toolkit .pb-xs-4 {
    padding-bottom: 24px;
  }

  .ui-toolkit .pl-xs-4 {
    padding-left: 24px;
  }

  .ui-toolkit .p-xs-5 {
    padding: 30px;
  }

  .ui-toolkit .pt-xs-5 {
    padding-top: 30px;
  }

  .ui-toolkit .pr-xs-5 {
    padding-right: 30px;
  }

  .ui-toolkit .pb-xs-5 {
    padding-bottom: 30px;
  }

  .ui-toolkit .pl-xs-5 {
    padding-left: 30px;
  }

  .ui-toolkit .p-xs-6 {
    padding: 36px;
  }

  .ui-toolkit .pt-xs-6 {
    padding-top: 36px;
  }

  .ui-toolkit .pr-xs-6 {
    padding-right: 36px;
  }

  .ui-toolkit .pb-xs-6 {
    padding-bottom: 36px;
  }

  .ui-toolkit .pl-xs-6 {
    padding-left: 36px;
  }

  .ui-toolkit .p-xs-7 {
    padding: 42px;
  }

  .ui-toolkit .pt-xs-7 {
    padding-top: 42px;
  }

  .ui-toolkit .pr-xs-7 {
    padding-right: 42px;
  }

  .ui-toolkit .pb-xs-7 {
    padding-bottom: 42px;
  }

  .ui-toolkit .pl-xs-7 {
    padding-left: 42px;
  }

  .ui-toolkit .p-xs-8 {
    padding: 48px;
  }

  .ui-toolkit .pt-xs-8 {
    padding-top: 48px;
  }

  .ui-toolkit .pr-xs-8 {
    padding-right: 48px;
  }

  .ui-toolkit .pb-xs-8 {
    padding-bottom: 48px;
  }

  .ui-toolkit .pl-xs-8 {
    padding-left: 48px;
  }
}

@media only screen and (min-width: 480px) {
  .ui-toolkit .p-sm-0 {
    padding: 0px;
  }

  .ui-toolkit .pt-sm-0 {
    padding-top: 0px;
  }

  .ui-toolkit .pr-sm-0 {
    padding-right: 0px;
  }

  .ui-toolkit .pb-sm-0 {
    padding-bottom: 0px;
  }

  .ui-toolkit .pl-sm-0 {
    padding-left: 0px;
  }

  .ui-toolkit .p-sm-1 {
    padding: 6px;
  }

  .ui-toolkit .pt-sm-1 {
    padding-top: 6px;
  }

  .ui-toolkit .pr-sm-1 {
    padding-right: 6px;
  }

  .ui-toolkit .pb-sm-1 {
    padding-bottom: 6px;
  }

  .ui-toolkit .pl-sm-1 {
    padding-left: 6px;
  }

  .ui-toolkit .p-sm-2 {
    padding: 12px;
  }

  .ui-toolkit .pt-sm-2 {
    padding-top: 12px;
  }

  .ui-toolkit .pr-sm-2 {
    padding-right: 12px;
  }

  .ui-toolkit .pb-sm-2 {
    padding-bottom: 12px;
  }

  .ui-toolkit .pl-sm-2 {
    padding-left: 12px;
  }

  .ui-toolkit .p-sm-3 {
    padding: 18px;
  }

  .ui-toolkit .pt-sm-3 {
    padding-top: 18px;
  }

  .ui-toolkit .pr-sm-3 {
    padding-right: 18px;
  }

  .ui-toolkit .pb-sm-3 {
    padding-bottom: 18px;
  }

  .ui-toolkit .pl-sm-3 {
    padding-left: 18px;
  }

  .ui-toolkit .p-sm-4 {
    padding: 24px;
  }

  .ui-toolkit .pt-sm-4 {
    padding-top: 24px;
  }

  .ui-toolkit .pr-sm-4 {
    padding-right: 24px;
  }

  .ui-toolkit .pb-sm-4 {
    padding-bottom: 24px;
  }

  .ui-toolkit .pl-sm-4 {
    padding-left: 24px;
  }

  .ui-toolkit .p-sm-5 {
    padding: 30px;
  }

  .ui-toolkit .pt-sm-5 {
    padding-top: 30px;
  }

  .ui-toolkit .pr-sm-5 {
    padding-right: 30px;
  }

  .ui-toolkit .pb-sm-5 {
    padding-bottom: 30px;
  }

  .ui-toolkit .pl-sm-5 {
    padding-left: 30px;
  }

  .ui-toolkit .p-sm-6 {
    padding: 36px;
  }

  .ui-toolkit .pt-sm-6 {
    padding-top: 36px;
  }

  .ui-toolkit .pr-sm-6 {
    padding-right: 36px;
  }

  .ui-toolkit .pb-sm-6 {
    padding-bottom: 36px;
  }

  .ui-toolkit .pl-sm-6 {
    padding-left: 36px;
  }

  .ui-toolkit .p-sm-7 {
    padding: 42px;
  }

  .ui-toolkit .pt-sm-7 {
    padding-top: 42px;
  }

  .ui-toolkit .pr-sm-7 {
    padding-right: 42px;
  }

  .ui-toolkit .pb-sm-7 {
    padding-bottom: 42px;
  }

  .ui-toolkit .pl-sm-7 {
    padding-left: 42px;
  }

  .ui-toolkit .p-sm-8 {
    padding: 48px;
  }

  .ui-toolkit .pt-sm-8 {
    padding-top: 48px;
  }

  .ui-toolkit .pr-sm-8 {
    padding-right: 48px;
  }

  .ui-toolkit .pb-sm-8 {
    padding-bottom: 48px;
  }

  .ui-toolkit .pl-sm-8 {
    padding-left: 48px;
  }
}

@media only screen and (min-width: 640px) {
  .ui-toolkit .p-md-0 {
    padding: 0px;
  }

  .ui-toolkit .pt-md-0 {
    padding-top: 0px;
  }

  .ui-toolkit .pr-md-0 {
    padding-right: 0px;
  }

  .ui-toolkit .pb-md-0 {
    padding-bottom: 0px;
  }

  .ui-toolkit .pl-md-0 {
    padding-left: 0px;
  }

  .ui-toolkit .p-md-1 {
    padding: 6px;
  }

  .ui-toolkit .pt-md-1 {
    padding-top: 6px;
  }

  .ui-toolkit .pr-md-1 {
    padding-right: 6px;
  }

  .ui-toolkit .pb-md-1 {
    padding-bottom: 6px;
  }

  .ui-toolkit .pl-md-1 {
    padding-left: 6px;
  }

  .ui-toolkit .p-md-2 {
    padding: 12px;
  }

  .ui-toolkit .pt-md-2 {
    padding-top: 12px;
  }

  .ui-toolkit .pr-md-2 {
    padding-right: 12px;
  }

  .ui-toolkit .pb-md-2 {
    padding-bottom: 12px;
  }

  .ui-toolkit .pl-md-2 {
    padding-left: 12px;
  }

  .ui-toolkit .p-md-3 {
    padding: 18px;
  }

  .ui-toolkit .pt-md-3 {
    padding-top: 18px;
  }

  .ui-toolkit .pr-md-3 {
    padding-right: 18px;
  }

  .ui-toolkit .pb-md-3 {
    padding-bottom: 18px;
  }

  .ui-toolkit .pl-md-3 {
    padding-left: 18px;
  }

  .ui-toolkit .p-md-4 {
    padding: 24px;
  }

  .ui-toolkit .pt-md-4 {
    padding-top: 24px;
  }

  .ui-toolkit .pr-md-4 {
    padding-right: 24px;
  }

  .ui-toolkit .pb-md-4 {
    padding-bottom: 24px;
  }

  .ui-toolkit .pl-md-4 {
    padding-left: 24px;
  }

  .ui-toolkit .p-md-5 {
    padding: 30px;
  }

  .ui-toolkit .pt-md-5 {
    padding-top: 30px;
  }

  .ui-toolkit .pr-md-5 {
    padding-right: 30px;
  }

  .ui-toolkit .pb-md-5 {
    padding-bottom: 30px;
  }

  .ui-toolkit .pl-md-5 {
    padding-left: 30px;
  }

  .ui-toolkit .p-md-6 {
    padding: 36px;
  }

  .ui-toolkit .pt-md-6 {
    padding-top: 36px;
  }

  .ui-toolkit .pr-md-6 {
    padding-right: 36px;
  }

  .ui-toolkit .pb-md-6 {
    padding-bottom: 36px;
  }

  .ui-toolkit .pl-md-6 {
    padding-left: 36px;
  }

  .ui-toolkit .p-md-7 {
    padding: 42px;
  }

  .ui-toolkit .pt-md-7 {
    padding-top: 42px;
  }

  .ui-toolkit .pr-md-7 {
    padding-right: 42px;
  }

  .ui-toolkit .pb-md-7 {
    padding-bottom: 42px;
  }

  .ui-toolkit .pl-md-7 {
    padding-left: 42px;
  }

  .ui-toolkit .p-md-8 {
    padding: 48px;
  }

  .ui-toolkit .pt-md-8 {
    padding-top: 48px;
  }

  .ui-toolkit .pr-md-8 {
    padding-right: 48px;
  }

  .ui-toolkit .pb-md-8 {
    padding-bottom: 48px;
  }

  .ui-toolkit .pl-md-8 {
    padding-left: 48px;
  }
}

@media only screen and (min-width: 900px) {
  .ui-toolkit .p-lg-0 {
    padding: 0px;
  }

  .ui-toolkit .pt-lg-0 {
    padding-top: 0px;
  }

  .ui-toolkit .pr-lg-0 {
    padding-right: 0px;
  }

  .ui-toolkit .pb-lg-0 {
    padding-bottom: 0px;
  }

  .ui-toolkit .pl-lg-0 {
    padding-left: 0px;
  }

  .ui-toolkit .p-lg-1 {
    padding: 6px;
  }

  .ui-toolkit .pt-lg-1 {
    padding-top: 6px;
  }

  .ui-toolkit .pr-lg-1 {
    padding-right: 6px;
  }

  .ui-toolkit .pb-lg-1 {
    padding-bottom: 6px;
  }

  .ui-toolkit .pl-lg-1 {
    padding-left: 6px;
  }

  .ui-toolkit .p-lg-2 {
    padding: 12px;
  }

  .ui-toolkit .pt-lg-2 {
    padding-top: 12px;
  }

  .ui-toolkit .pr-lg-2 {
    padding-right: 12px;
  }

  .ui-toolkit .pb-lg-2 {
    padding-bottom: 12px;
  }

  .ui-toolkit .pl-lg-2 {
    padding-left: 12px;
  }

  .ui-toolkit .p-lg-3 {
    padding: 18px;
  }

  .ui-toolkit .pt-lg-3 {
    padding-top: 18px;
  }

  .ui-toolkit .pr-lg-3 {
    padding-right: 18px;
  }

  .ui-toolkit .pb-lg-3 {
    padding-bottom: 18px;
  }

  .ui-toolkit .pl-lg-3 {
    padding-left: 18px;
  }

  .ui-toolkit .p-lg-4 {
    padding: 24px;
  }

  .ui-toolkit .pt-lg-4 {
    padding-top: 24px;
  }

  .ui-toolkit .pr-lg-4 {
    padding-right: 24px;
  }

  .ui-toolkit .pb-lg-4 {
    padding-bottom: 24px;
  }

  .ui-toolkit .pl-lg-4 {
    padding-left: 24px;
  }

  .ui-toolkit .p-lg-5 {
    padding: 30px;
  }

  .ui-toolkit .pt-lg-5 {
    padding-top: 30px;
  }

  .ui-toolkit .pr-lg-5 {
    padding-right: 30px;
  }

  .ui-toolkit .pb-lg-5 {
    padding-bottom: 30px;
  }

  .ui-toolkit .pl-lg-5 {
    padding-left: 30px;
  }

  .ui-toolkit .p-lg-6 {
    padding: 36px;
  }

  .ui-toolkit .pt-lg-6 {
    padding-top: 36px;
  }

  .ui-toolkit .pr-lg-6 {
    padding-right: 36px;
  }

  .ui-toolkit .pb-lg-6 {
    padding-bottom: 36px;
  }

  .ui-toolkit .pl-lg-6 {
    padding-left: 36px;
  }

  .ui-toolkit .p-lg-7 {
    padding: 42px;
  }

  .ui-toolkit .pt-lg-7 {
    padding-top: 42px;
  }

  .ui-toolkit .pr-lg-7 {
    padding-right: 42px;
  }

  .ui-toolkit .pb-lg-7 {
    padding-bottom: 42px;
  }

  .ui-toolkit .pl-lg-7 {
    padding-left: 42px;
  }

  .ui-toolkit .p-lg-8 {
    padding: 48px;
  }

  .ui-toolkit .pt-lg-8 {
    padding-top: 48px;
  }

  .ui-toolkit .pr-lg-8 {
    padding-right: 48px;
  }

  .ui-toolkit .pb-lg-8 {
    padding-bottom: 48px;
  }

  .ui-toolkit .pl-lg-8 {
    padding-left: 48px;
  }
}

@media only screen and (min-width: 1200px) {
  .ui-toolkit .p-xl-0 {
    padding: 0px;
  }

  .ui-toolkit .pt-xl-0 {
    padding-top: 0px;
  }

  .ui-toolkit .pr-xl-0 {
    padding-right: 0px;
  }

  .ui-toolkit .pb-xl-0 {
    padding-bottom: 0px;
  }

  .ui-toolkit .pl-xl-0 {
    padding-left: 0px;
  }

  .ui-toolkit .p-xl-1 {
    padding: 6px;
  }

  .ui-toolkit .pt-xl-1 {
    padding-top: 6px;
  }

  .ui-toolkit .pr-xl-1 {
    padding-right: 6px;
  }

  .ui-toolkit .pb-xl-1 {
    padding-bottom: 6px;
  }

  .ui-toolkit .pl-xl-1 {
    padding-left: 6px;
  }

  .ui-toolkit .p-xl-2 {
    padding: 12px;
  }

  .ui-toolkit .pt-xl-2 {
    padding-top: 12px;
  }

  .ui-toolkit .pr-xl-2 {
    padding-right: 12px;
  }

  .ui-toolkit .pb-xl-2 {
    padding-bottom: 12px;
  }

  .ui-toolkit .pl-xl-2 {
    padding-left: 12px;
  }

  .ui-toolkit .p-xl-3 {
    padding: 18px;
  }

  .ui-toolkit .pt-xl-3 {
    padding-top: 18px;
  }

  .ui-toolkit .pr-xl-3 {
    padding-right: 18px;
  }

  .ui-toolkit .pb-xl-3 {
    padding-bottom: 18px;
  }

  .ui-toolkit .pl-xl-3 {
    padding-left: 18px;
  }

  .ui-toolkit .p-xl-4 {
    padding: 24px;
  }

  .ui-toolkit .pt-xl-4 {
    padding-top: 24px;
  }

  .ui-toolkit .pr-xl-4 {
    padding-right: 24px;
  }

  .ui-toolkit .pb-xl-4 {
    padding-bottom: 24px;
  }

  .ui-toolkit .pl-xl-4 {
    padding-left: 24px;
  }

  .ui-toolkit .p-xl-5 {
    padding: 30px;
  }

  .ui-toolkit .pt-xl-5 {
    padding-top: 30px;
  }

  .ui-toolkit .pr-xl-5 {
    padding-right: 30px;
  }

  .ui-toolkit .pb-xl-5 {
    padding-bottom: 30px;
  }

  .ui-toolkit .pl-xl-5 {
    padding-left: 30px;
  }

  .ui-toolkit .p-xl-6 {
    padding: 36px;
  }

  .ui-toolkit .pt-xl-6 {
    padding-top: 36px;
  }

  .ui-toolkit .pr-xl-6 {
    padding-right: 36px;
  }

  .ui-toolkit .pb-xl-6 {
    padding-bottom: 36px;
  }

  .ui-toolkit .pl-xl-6 {
    padding-left: 36px;
  }

  .ui-toolkit .p-xl-7 {
    padding: 42px;
  }

  .ui-toolkit .pt-xl-7 {
    padding-top: 42px;
  }

  .ui-toolkit .pr-xl-7 {
    padding-right: 42px;
  }

  .ui-toolkit .pb-xl-7 {
    padding-bottom: 42px;
  }

  .ui-toolkit .pl-xl-7 {
    padding-left: 42px;
  }

  .ui-toolkit .p-xl-8 {
    padding: 48px;
  }

  .ui-toolkit .pt-xl-8 {
    padding-top: 48px;
  }

  .ui-toolkit .pr-xl-8 {
    padding-right: 48px;
  }

  .ui-toolkit .pb-xl-8 {
    padding-bottom: 48px;
  }

  .ui-toolkit .pl-xl-8 {
    padding-left: 48px;
  }
}

@media only screen and (min-width: 1400px) {
  .ui-toolkit .p-tv-0 {
    padding: 0px;
  }

  .ui-toolkit .pt-tv-0 {
    padding-top: 0px;
  }

  .ui-toolkit .pr-tv-0 {
    padding-right: 0px;
  }

  .ui-toolkit .pb-tv-0 {
    padding-bottom: 0px;
  }

  .ui-toolkit .pl-tv-0 {
    padding-left: 0px;
  }

  .ui-toolkit .p-tv-1 {
    padding: 6px;
  }

  .ui-toolkit .pt-tv-1 {
    padding-top: 6px;
  }

  .ui-toolkit .pr-tv-1 {
    padding-right: 6px;
  }

  .ui-toolkit .pb-tv-1 {
    padding-bottom: 6px;
  }

  .ui-toolkit .pl-tv-1 {
    padding-left: 6px;
  }

  .ui-toolkit .p-tv-2 {
    padding: 12px;
  }

  .ui-toolkit .pt-tv-2 {
    padding-top: 12px;
  }

  .ui-toolkit .pr-tv-2 {
    padding-right: 12px;
  }

  .ui-toolkit .pb-tv-2 {
    padding-bottom: 12px;
  }

  .ui-toolkit .pl-tv-2 {
    padding-left: 12px;
  }

  .ui-toolkit .p-tv-3 {
    padding: 18px;
  }

  .ui-toolkit .pt-tv-3 {
    padding-top: 18px;
  }

  .ui-toolkit .pr-tv-3 {
    padding-right: 18px;
  }

  .ui-toolkit .pb-tv-3 {
    padding-bottom: 18px;
  }

  .ui-toolkit .pl-tv-3 {
    padding-left: 18px;
  }

  .ui-toolkit .p-tv-4 {
    padding: 24px;
  }

  .ui-toolkit .pt-tv-4 {
    padding-top: 24px;
  }

  .ui-toolkit .pr-tv-4 {
    padding-right: 24px;
  }

  .ui-toolkit .pb-tv-4 {
    padding-bottom: 24px;
  }

  .ui-toolkit .pl-tv-4 {
    padding-left: 24px;
  }

  .ui-toolkit .p-tv-5 {
    padding: 30px;
  }

  .ui-toolkit .pt-tv-5 {
    padding-top: 30px;
  }

  .ui-toolkit .pr-tv-5 {
    padding-right: 30px;
  }

  .ui-toolkit .pb-tv-5 {
    padding-bottom: 30px;
  }

  .ui-toolkit .pl-tv-5 {
    padding-left: 30px;
  }

  .ui-toolkit .p-tv-6 {
    padding: 36px;
  }

  .ui-toolkit .pt-tv-6 {
    padding-top: 36px;
  }

  .ui-toolkit .pr-tv-6 {
    padding-right: 36px;
  }

  .ui-toolkit .pb-tv-6 {
    padding-bottom: 36px;
  }

  .ui-toolkit .pl-tv-6 {
    padding-left: 36px;
  }

  .ui-toolkit .p-tv-7 {
    padding: 42px;
  }

  .ui-toolkit .pt-tv-7 {
    padding-top: 42px;
  }

  .ui-toolkit .pr-tv-7 {
    padding-right: 42px;
  }

  .ui-toolkit .pb-tv-7 {
    padding-bottom: 42px;
  }

  .ui-toolkit .pl-tv-7 {
    padding-left: 42px;
  }

  .ui-toolkit .p-tv-8 {
    padding: 48px;
  }

  .ui-toolkit .pt-tv-8 {
    padding-top: 48px;
  }

  .ui-toolkit .pr-tv-8 {
    padding-right: 48px;
  }

  .ui-toolkit .pb-tv-8 {
    padding-bottom: 48px;
  }

  .ui-toolkit .pl-tv-8 {
    padding-left: 48px;
  }
}

.ui-toolkit .position-static {
  position: static;
}

.ui-toolkit .position-relative {
  position: relative !important;
}

.ui-toolkit .position-absolute {
  position: absolute;
}

.ui-toolkit .position-fixed {
  position: fixed;
  z-index: 70;
}

.ui-toolkit .position-offscreen {
  position: fixed;
  top: -1000px;
  width: -1000px;
}

.ui-toolkit .position-top {
  top: 0;
}

.ui-toolkit .position-right {
  right: 0;
}

.ui-toolkit .position-bottom {
  bottom: 0;
}

.ui-toolkit .position-left {
  left: 0;
}

.ui-toolkit .vertical-align-top {
  vertical-align: top;
}

.ui-toolkit .vertical-align-middle {
  vertical-align: middle;
}

.ui-toolkit .vertical-align-bottom {
  vertical-align: bottom;
}

.ui-toolkit .align-with-btn {
  display: table-cell;
  height: 38px;
  vertical-align: middle;
}

.ui-toolkit .align-with-btn-small {
  display: table-cell;
  height: 28px;
  vertical-align: middle;
}

.ui-toolkit .scrollable {
  overflow-y: scroll;
}

.ui-toolkit .scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
}

.ui-toolkit .scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border: 4px solid rgba(255, 255, 255, 0);
  border-radius: 8px;
  background-clip: padding-box;
}

.ui-toolkit .scrollable::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

.ui-toolkit .QSISlider .scrollable {
  overflow-y: visible;
}

.ui-toolkit .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ui-toolkit .video-container iframe,
.ui-toolkit .video-container object,
.ui-toolkit .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-toolkit .video-container-vimeo {
  padding-bottom: 53%;
  padding-top: 3%;
}

.ui-toolkit .is-selected:hover {
  cursor: default;
  text-decoration: none;
}

.ui-toolkit .is-selected .selected-color,
.ui-toolkit .is-selected .selected-color:hover {
  color: #222;
}

.ui-toolkit .width-auto {
  width: auto;
}

.ui-toolkit .width-half {
  width: 50%;
}

.ui-toolkit .width-full {
  width: 100%;
}

.ui-toolkit .width-three-quarters {
  width: 75%;
}

.ui-toolkit .width-one-quarter {
  width: 25%;
}

.ui-toolkit .width-25px {
  width: 25px;
}

.ui-toolkit .width-50px {
  width: 50px;
}

.ui-toolkit .width-75px {
  width: 75px;
}

.ui-toolkit .width-100px {
  width: 100px;
}

.ui-toolkit .width-170px {
  width: 170px;
}

.ui-toolkit .height-auto {
  height: auto;
}

.ui-toolkit .height-half {
  height: 50%;
}

.ui-toolkit .height-full {
  height: 100%;
}

.ui-toolkit .height-25px {
  height: 25px;
}

.ui-toolkit .height-50px {
  height: 70px !important;
}

.ui-toolkit .height-75px {
  height: 75px;
}

.ui-toolkit .height-100px {
  height: 100px;
}

.ui-toolkit .height-135px {
  height: 135px;
}

.ui-toolkit .max-width-full {
  max-width: 100%;
}

.ui-toolkit .z-index-0 {
  z-index: 0;
}

.ui-toolkit .z-index-1 {
  z-index: 10;
  display: none;
}

.ui-toolkit .z-index-2 {
  z-index: 20;
}

.ui-toolkit .z-index-3 {
  z-index: 30;
}

.ui-toolkit .z-index-4 {
  z-index: 40;
}

.ui-toolkit .z-index-5 {
  z-index: 50;
}

.ui-toolkit .z-index-6 {
  z-index: 60;
}

.ui-toolkit .z-index-7 {
  z-index: 70;
}

.ui-toolkit .z-index-8 {
  z-index: 80;
}

.ui-toolkit .z-index-9 {
  z-index: 90;
}

.ui-toolkit .z-index-10 {
  z-index: 100;
}

.ui-toolkit .login-registration-form {
  padding: 20px 53px;
  overflow: hidden;
}

.ui-toolkit .login-registration-form hr {
  background-color: #e1e1df;
  color: #e1e1df;
  border: 0;
  height: 1px;
  margin: 14px 0;
  clear: both;
}

.ui-toolkit .login-registration-form input.text {
  line-height: 16px;
  color: #333;
  font-size: 12px;
  margin: 0 0 0.2em 0;
  padding: 6px;
  width: 218px;
  border: 1px solid #c2c2c2;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  display: block;
}

.ui-toolkit .login-registration-form input.text:focus {
  color: #000;
  border: 1px solid #666;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.ui-toolkit .login-registration-form label {
  display: block;
  margin-top: 8px;
  margin-bottom: 4px;
  clear: left;
}

.ui-toolkit .login-registration-form .input-group {
  clear: both;
}

.ui-toolkit .login-registration-form .inline-group {
  margin-top: 10px;
}

.ui-toolkit .login-registration-form .inline-group label {
  display: inline-block;
  margin-right: 8px;
  margin-top: 0;
}

.ui-toolkit .login-registration-form #email_marketing_opt_in_consent_message {
  width: 202px;
  font-size: 12px;
}

.ui-toolkit .login-registration-form .email_marketing-group label {
  width: 210px;
}

.ui-toolkit .login-registration-form .inline-group input {
  margin-right: 2px;
}

.ui-toolkit .login-registration-form .forgot-password a {
  color: #222;
}

.ui-toolkit .login-registration-form .fineprint {
  color: #999;
  font-size: 11px;
  margin: 12px 0 5px;
}

.ui-toolkit .login-registration-form .submit {
  margin: 0 0 14px 0;
  padding: 10px 0 0;
}

.ui-toolkit .login-registration-form .inline-notice,
.ui-toolkit .login-registration-form .first-name-disclaimer {
  clear: none;
  float: right;
  width: 215px;
  line-height: 16px;
}

.ui-toolkit .login-registration-form .inline-notice {
  color: #939393;
  border: 1px solid #fff;
  background: #fff;
  padding: 0 8px;
  margin-top: -3px;
}

.ui-toolkit .login-registration-form .inline-disclaimer-message,
.ui-toolkit .login-registration-form .inline-input-error-message {
  clear: none;
  float: right;
  width: 215px;
  line-height: 16px;
}

.ui-toolkit .login-registration-form .inline-disclaimer-message {
  display: none;
  color: #939393;
  border: 1px solid #fff;
  background: #fff;
  padding: 0 8px;
  margin-top: -3px;
}

.ui-toolkit .login-registration-form .inline-input-error-message {
  border: 1px solid #ffc0cb;
  background: #ffeeee;
  color: #a80308;
  display: none;
  padding: 6px 8px 5px 8px;
}

.ui-toolkit .form-container .login-registration-form .inline-notice,
.ui-toolkit .form-container .login-registration-form .first-name-disclaimer,
.ui-toolkit .form-container .login-registration-form .inline-disclaimer-message,
.ui-toolkit
  .form-container
  .login-registration-form
  .inline-input-error-message {
  width: 285px;
}

.ui-toolkit .login-registration-form .input-group-error label {
  color: #a80308;
}

.ui-toolkit .login-registration-form .input-group-error .text,
.ui-toolkit .login-registration-form .input-group-error .text:focus {
  border-color: #a80308;
}

.ui-toolkit .login-registration-form .spinner-small {
  display: none;
  margin-left: 1em;
  vertical-align: middle;
}

.ui-toolkit .login-registration-form .message-container-connections.msg {
  padding: 3px;
}

.ui-toolkit .login-registration-form .message-container-connections.msg h3 {
  font-weight: normal;
  font-size: 12px;
  margin: 0;
  padding: 8px 14px;
  border-radius: 5px;
  line-height: 18px;
}

.ui-toolkit .login-registration-form .message-container-connections.msg strong {
  color: #333;
  font-weight: bold;
}

.ui-toolkit .login-registration-form .message-container-connections.msg h3 a {
  font-weight: bold;
}

.ui-toolkit #valid-email-disclaimer {
  color: #333;
  display: none;
}

.ui-toolkit .suggested-username-tip {
  margin: -6px 0 10px 135px;
  background-color: #ffffff;
  display: none;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #dededb;
  padding: 6px 8px 7px;
  position: relative;
  z-index: 2;
}

.ui-toolkit .login-registration-form .suggested-username-tip {
  margin: 7px 0 10px 0;
}

.ui-toolkit .suggested-username-alternatives-vis {
  display: inline;
  float: left;
}

.ui-toolkit .suggested-username-tip .arrow {
  background: no-repeat scroll -47px 1px transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABzCAMAAABzX6bqAAAAS1BMVEXZ2dn////Z2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnp6enq6urt7e309PT19fX+/v7///+Uf54gAAAAEnRSTlMAAAYbHk5RVI2Qq7G0t97h+fxNpkuAAAAB0klEQVR4Ab3NN5LCQAAAwdWe9+YO0P9fimpSCoIONPlUD+1u2rcsKt5/fkwnTfz/y2QSxHXNdBLETCdJzHSSxEwgTQTTyUQwnUwE08lEMJ1MBNPJRDCdTATTyMSvRDcvSRcziXQxk0gXM4l0MZNIFzOJdDETSBcz3yeRLmYS6WImkS5mEuliJpEuZhLpYiaRLmYS6WImkS5mCunidTNSRDcjRXQzUkQ3I1F0M9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjTQTzbUa6iGaki2JGuijmRrqopotsDhfRfB0vv6c9xcP3w3ATxWW4ieJGuiniiHQTxEg3RYx0E8TIvcxjYqSZID7GRLopYqSbIka6KWKkmyJGuilipJsiRoLpYqSYLkaK6WKkmC5GiulipJguRorpYqSYLkaK6WKkmC5GiulipJguRt42VXwaRGaqiGSmiUxmigikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIJJqJP4lAopkIpJuJQLqZCKSbiUC6mQikm4lAupkoJJuJRLKZSCSbIDpZz4lCngHEflyX8KZpFQAAAABJRU5ErkJggg==");
  display: block;
  height: 9px;
  left: 7px;
  position: absolute;
  top: -9px;
  width: 20px;
  z-index: 3;
}

.ui-toolkit .suggested-username-tip a,
.ui-toolkit .suggested-username-tip a:active,
.ui-toolkit .suggested-username-tip a:link,
.ui-toolkit .suggested-username-tip a:visited {
  background-color: #eeeee9;
  border-radius: 10px 10px 10px 10px;
  color: #666;
  font-size: 11px;
  margin: 0 0 0 3px;
  outline: medium none;
  padding: 2px 6px 2px 7px;
  text-decoration: none;
}

.ui-toolkit .suggested-username-tip a:hover {
  background-color: #ddddd4;
  color: #333;
}

.ui-toolkit .suggested-username-tip span {
  color: #666666;
  font-size: 11px;
}

.ui-toolkit .overlay-connect-wrap {
  margin: 0 -53px;
  padding: 0 53px;
}

.ui-toolkit .overlay-connect-wrap.signin-ov .button-large {
  margin: 0;
}

.ui-toolkit .overlay-connect-wrap .btn-fb,
.ui-toolkit .overlay-connect-wrap .btn-google,
.ui-toolkit .connect-wrap .btn-fb,
.ui-toolkit .connect-wrap .btn-google {
  min-width: 210px;
}

.ui-toolkit .overlay-connect-wrap p {
  margin: 0;
  font-size: 11px;
  color: #595959;
}

.ui-toolkit .login-registration-form .or {
  height: 1px;
  margin: 18px -53px 24px;
  position: relative;
  background-color: #dadbd6;
}

.ui-toolkit .login-registration-form .or span {
  background-color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  left: 41px;
  letter-spacing: 0.1em;
  padding: 0 12px;
  position: absolute;
  text-transform: uppercase;
  top: -6px;
}

.ui-toolkit .connect-container.spinning .spinner {
  display: inline-block;
}

.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner {
  padding: 117px 12px 12px;
  background: url(/assets/dist/images/seamless-sharing/how-it-works-small.20170615210940.png)
    no-repeat 8px 8px;
}

.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner p {
  width: 226px;
  white-space: normal;
  font-size: 12px !important;
  line-height: 17px;
}

.ui-toolkit .seamless-sharing-overlay-wrap input {
  margin-right: 4px;
}

.ui-toolkit #step-2-heading h2 {
  color: #333;
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 18px;
}

.ui-toolkit .external-acct-connected {
  min-width: 230px;
  position: relative;
  border: 1px solid #ececec;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 12px;
}

.ui-toolkit .external-acct-connected .facebook-icon,
.ui-toolkit .external-acct-connected .google-icon {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 30px;
  width: 30px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.ui-toolkit .external-acct-connected .facebook-icon {
  background: url(/assets/dist/images/sprites/connected-accounts-sprite.20170615210940.png)
    no-repeat scroll 2px 3px #3b5998;
}

.ui-toolkit .external-acct-connected .google-icon {
  background: url(/assets/dist/images/google-signin.20170615210938.png);
  background-size: contain;
}

.ui-toolkit .external-acct-connected .avatar {
  float: right;
}

.ui-toolkit .external-acct-connected a.avatar {
  position: absolute;
  right: 0;
  top: 0;
}

.ui-toolkit .external-acct-connected img {
  width: 40px;
  height: 40px;
  display: block;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.ui-toolkit .external-acct-connected .connected-msg {
  line-height: 14px;
  margin: 0 54px 0 45px;
  padding: 5px 0 0 0;
  white-space: nowrap;
}

.ui-toolkit .external-acct-connected .connected-msg p,
.ui-toolkit .external-acct-connected.ov .connected-msg p {
  color: #999;
  margin: 0;
  font-size: 11px;
  line-height: 14px;
}

.ui-toolkit .external-acct-name {
  font-weight: bold;
  color: #999;
  display: block;
}

.ui-toolkit .external-acct-connected.ov {
  display: inline-block;
  margin: -6px 0 0px;
}

.ui-toolkit .external-acct-connected.ov .facebook-icon,
.ui-toolkit .external-acct-connected.ov .google-icon {
  height: 25px;
  width: 25px;
}

.ui-toolkit .external-acct-connected.ov .facebook-icon {
  background-position: 3px -88px;
}

.ui-toolkit .external-acct-connected.ov img {
  width: 35px;
  height: 35px;
}

.ui-toolkit .external-acct-connected.ov .connected-msg p {
  margin-top: 4px;
}

.ui-toolkit .external-acct-connected.ov .connected-msg {
  margin: 0 48px 0 0;
  padding: 0 0 0 37px;
}

.ui-toolkit .recaptcha-actions a,
.ui-toolkit .recaptcha-actions a img {
  display: block;
}

.ui-toolkit #inline-overlay {
  color: #333;
  width: 580px;
  display: none;
}

.ui-toolkit #inline-overlay .overlay-body {
  padding: 0;
}

.ui-toolkit #inline-overlay .tabs {
  margin-bottom: 0;
}

.ui-toolkit #inline-overlay .msg-copy {
  padding: 12px 0;
  background-color: #e9f6fc;
}

.ui-toolkit #inline-overlay .submit {
  float: none;
}

.ui-toolkit #inline-overlay .btn-primary {
  min-width: 232px;
}

.ui-toolkit #inline-overlay .header-module {
  display: none;
}

.ui-toolkit #inline-overlay.collect-email h1 {
  font-family: "Guardian-EgypTT";
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 8px;
}

.ui-toolkit #inline-overlay.collect-email .login-registration-form {
  padding: 40px 50px;
}

.ui-toolkit #inline-overlay.collect-email p {
  color: #666;
}

.ui-toolkit #inline-overlay.collect-email .header-module {
  display: block;
  margin-bottom: 18px;
}

.ui-toolkit #inline-overlay.collect-email ul.tabs,
.ui-toolkit #inline-overlay.collect-email .msg-embedded,
.ui-toolkit #inline-overlay.collect-email #step-2-heading {
  display: none;
}

.ui-toolkit #inline-overlay.collect-email #register-tab-content .ext-acct,
.ui-toolkit
  #inline-overlay.collect-email
  #register-tab-content
  .message-container-connections,
.ui-toolkit #inline-overlay.collect-email #sign-in-tab-content .ext-acct,
.ui-toolkit
  #inline-overlay.collect-email
  #sign-in-tab-content
  .message-container-connections {
  display: none;
}

.ui-toolkit #inline-overlay.overlay,
.ui-toolkit #locale-select-overlay.overlay,
.ui-toolkit #conversation-overlay.overlay,
.ui-toolkit #custom-order-overlay,
.ui-toolkit #notification-overlay {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  color: #222;
  display: none;
  z-index: 10000;
  text-align: left;
  font-size: 12px;
}

.ui-toolkit #inline-overlay.overlay .msg-copy,
.ui-toolkit #locale-select-overlay.overlay .msg-copy,
.ui-toolkit #conversation-overlay.overlay .msg-copy,
.ui-toolkit #custom-order-overlay .msg-copy,
.ui-toolkit #notification-overlay .msg-copy {
  padding: 12px;
  background-color: #fff3ee;
  margin: 19px 0px;
}

.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-google {
  min-width: 230px;
  margin-bottom: 8px;
}

.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap p,
.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap p,
.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap p,
.ui-toolkit #custom-order-overlay .overlay-connect-wrap p,
.ui-toolkit #notification-overlay .overlay-connect-wrap p {
  font-size: 11px;
  color: #222;
}

.ui-toolkit #inline-overlay.overlay .button-remove,
.ui-toolkit #locale-select-overlay.overlay .button-remove,
.ui-toolkit #conversation-overlay.overlay .button-remove,
.ui-toolkit #custom-order-overlay .button-remove,
.ui-toolkit #notification-overlay .button-remove {
  background: transparent
    url(/assets/dist/images/sprites/buttons-master.20170615210940.png) no-repeat
    0 -1326px;
  display: block;
  width: 16px;
  height: 16px;
}

.ui-toolkit #inline-overlay.overlay .button-remove.close,
.ui-toolkit #locale-select-overlay.overlay .button-remove.close,
.ui-toolkit #conversation-overlay.overlay .button-remove.close,
.ui-toolkit #custom-order-overlay .button-remove.close,
.ui-toolkit #notification-overlay .button-remove.close {
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 5px;
}

.ui-toolkit #inline-overlay.overlay .button-remove span,
.ui-toolkit #locale-select-overlay.overlay .button-remove span,
.ui-toolkit #conversation-overlay.overlay .button-remove span,
.ui-toolkit #custom-order-overlay .button-remove span,
.ui-toolkit #notification-overlay .button-remove span {
  display: none;
}

.ui-toolkit #inline-overlay.overlay .button-remove:hover,
.ui-toolkit #inline-overlay.overlay .button-remove.hover,
.ui-toolkit #locale-select-overlay.overlay .button-remove:hover,
.ui-toolkit #locale-select-overlay.overlay .button-remove.hover,
.ui-toolkit #conversation-overlay.overlay .button-remove:hover,
.ui-toolkit #conversation-overlay.overlay .button-remove.hover,
.ui-toolkit #custom-order-overlay .button-remove:hover,
.ui-toolkit #custom-order-overlay .button-remove.hover,
.ui-toolkit #notification-overlay .button-remove:hover,
.ui-toolkit #notification-overlay .button-remove.hover {
  background-position: -16px -1326px;
}

.ui-toolkit #inline-overlay.overlay .button-remove:active,
.ui-toolkit #inline-overlay.overlay .button-remove.active,
.ui-toolkit #locale-select-overlay.overlay .button-remove:active,
.ui-toolkit #locale-select-overlay.overlay .button-remove.active,
.ui-toolkit #conversation-overlay.overlay .button-remove:active,
.ui-toolkit #conversation-overlay.overlay .button-remove.active,
.ui-toolkit #custom-order-overlay .button-remove:active,
.ui-toolkit #custom-order-overlay .button-remove.active,
.ui-toolkit #notification-overlay .button-remove:active,
.ui-toolkit #notification-overlay .button-remove.active {
  background-position: -32px -1326px;
}

.ui-toolkit #inline-overlay.overlay .overlay-header,
.ui-toolkit #locale-select-overlay.overlay .overlay-header,
.ui-toolkit #conversation-overlay.overlay .overlay-header,
.ui-toolkit #custom-order-overlay .overlay-header,
.ui-toolkit #notification-overlay .overlay-header {
  border: 0 none;
  border-bottom: 1px solid #fbfbfa;
  background-color: #faf9f5;
  padding: 17px 21px 16px;
  margin: 0;
  border-top: 1px solid white;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.ui-toolkit #inline-overlay.overlay .overlay-header h2,
.ui-toolkit #locale-select-overlay.overlay .overlay-header h2,
.ui-toolkit #conversation-overlay.overlay .overlay-header h2,
.ui-toolkit #custom-order-overlay .overlay-header h2,
.ui-toolkit #notification-overlay .overlay-header h2 {
  font-size: 21px;
  font-weight: normal;
  line-height: 26px;
  text-shadow: 0 1px 0 #fff;
}

.ui-toolkit #inline-overlay.overlay .overlay-footer,
.ui-toolkit #locale-select-overlay.overlay .overlay-footer,
.ui-toolkit #conversation-overlay.overlay .overlay-footer,
.ui-toolkit #custom-order-overlay .overlay-footer,
.ui-toolkit #notification-overlay .overlay-footer {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  height: auto;
  padding: 11px 21px 13px;
  border-top: 1px solid #fbfbfa;
  background-color: #fff;
}

.ui-toolkit #inline-overlay.overlay .overlay-footer .selected-regional-settings,
.ui-toolkit
  #locale-select-overlay.overlay
  .overlay-footer
  .selected-regional-settings,
.ui-toolkit
  #conversation-overlay.overlay
  .overlay-footer
  .selected-regional-settings,
.ui-toolkit #custom-order-overlay .overlay-footer .selected-regional-settings,
.ui-toolkit #notification-overlay .overlay-footer .selected-regional-settings {
  text-align: left;
}

.ui-toolkit #inline-overlay.overlay .overlay-content,
.ui-toolkit #locale-select-overlay.overlay .overlay-content,
.ui-toolkit #conversation-overlay.overlay .overlay-content,
.ui-toolkit #custom-order-overlay .overlay-content,
.ui-toolkit #notification-overlay .overlay-content {
  background-color: #fff;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close:hover,
.ui-toolkit
  #locale-select-overlay.overlay
  .overlay-content
  .ss-delete.close:hover,
.ui-toolkit
  #conversation-overlay.overlay
  .overlay-content
  .ss-delete.close:hover,
.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close:hover,
.ui-toolkit #notification-overlay .overlay-content .ss-delete.close:hover {
  background: none;
  opacity: 0.8;
}

.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close,
.ui-toolkit #locale-select-overlay.overlay .overlay-content .ss-delete.close,
.ui-toolkit #conversation-overlay.overlay .overlay-content .ss-delete.close,
.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close,
.ui-toolkit #notification-overlay .overlay-content .ss-delete.close {
  font-size: 12px;
  color: #222;
  padding: 4px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  width: 16px;
  z-index: 2;
}

.ui-toolkit #inline-overlay.overlay .tabs,
.ui-toolkit #locale-select-overlay.overlay .tabs,
.ui-toolkit #conversation-overlay.overlay .tabs,
.ui-toolkit #custom-order-overlay .tabs,
.ui-toolkit #notification-overlay .tabs {
  list-style: none;
  padding: 0 10px 0 40px;
  margin: 20px 0 0px;
  margin-top: 0;
  margin-bottom: 0;
  background: #faf9f5;
  border-bottom: 1px solid #e1e3df;
  border-top: 1px solid #fff;
  border-radius: 5px 5px 0 0;
}

.ui-toolkit #inline-overlay.overlay .tabs li,
.ui-toolkit #locale-select-overlay.overlay .tabs li,
.ui-toolkit #conversation-overlay.overlay .tabs li,
.ui-toolkit #custom-order-overlay .tabs li,
.ui-toolkit #notification-overlay .tabs li {
  float: left;
  margin-top: 20px;
}

.ui-toolkit #inline-overlay.overlay .tabs li > a,
.ui-toolkit #inline-overlay.overlay .tabs li .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li > a,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li > a,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title,
.ui-toolkit #custom-order-overlay .tabs li > a,
.ui-toolkit #custom-order-overlay .tabs li .tab-title,
.ui-toolkit #notification-overlay .tabs li > a,
.ui-toolkit #notification-overlay .tabs li .tab-title {
  display: block;
  background-color: #faf9f5;
  border: 1px solid #e1e3df;
  border-left: 0;
  font-size: 13px;
  padding: 8px 12px;
  margin: 0 0 -1px;
  text-align: center;
  color: #222;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

.ui-toolkit #inline-overlay.overlay .tabs li .tab-title:hover,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title:hover,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title:hover,
.ui-toolkit #custom-order-overlay .tabs li .tab-title:hover,
.ui-toolkit #notification-overlay .tabs li .tab-title:hover {
  text-decoration: underline;
}

.ui-toolkit #inline-overlay.overlay .tabs li.first > a,
.ui-toolkit #inline-overlay.overlay .tabs li.first .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li.first > a,
.ui-toolkit #locale-select-overlay.overlay .tabs li.first .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li.first > a,
.ui-toolkit #conversation-overlay.overlay .tabs li.first .tab-title,
.ui-toolkit #custom-order-overlay .tabs li.first > a,
.ui-toolkit #custom-order-overlay .tabs li.first .tab-title,
.ui-toolkit #notification-overlay .tabs li.first > a,
.ui-toolkit #notification-overlay .tabs li.first .tab-title {
  border-left: 1px solid #e1e3df;
}

.ui-toolkit #inline-overlay.overlay .tabs li.active > a,
.ui-toolkit #inline-overlay.overlay .tabs li.active .tab-title,
.ui-toolkit #inline-overlay.overlay .tabs li > a.active,
.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.active,
.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active > a,
.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #inline-overlay.overlay .tabs li > a.ui-state-active,
.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #locale-select-overlay.overlay .tabs li.active > a,
.ui-toolkit #locale-select-overlay.overlay .tabs li.active .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li > a.active,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.active,
.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active > a,
.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li > a.ui-state-active,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #conversation-overlay.overlay .tabs li.active > a,
.ui-toolkit #conversation-overlay.overlay .tabs li.active .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li > a.active,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.active,
.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active > a,
.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li > a.ui-state-active,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #custom-order-overlay .tabs li.active > a,
.ui-toolkit #custom-order-overlay .tabs li.active .tab-title,
.ui-toolkit #custom-order-overlay .tabs li > a.active,
.ui-toolkit #custom-order-overlay .tabs li .tab-title.active,
.ui-toolkit #custom-order-overlay .tabs li.ui-state-active > a,
.ui-toolkit #custom-order-overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #custom-order-overlay .tabs li > a.ui-state-active,
.ui-toolkit #custom-order-overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #notification-overlay .tabs li.active > a,
.ui-toolkit #notification-overlay .tabs li.active .tab-title,
.ui-toolkit #notification-overlay .tabs li > a.active,
.ui-toolkit #notification-overlay .tabs li .tab-title.active,
.ui-toolkit #notification-overlay .tabs li.ui-state-active > a,
.ui-toolkit #notification-overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #notification-overlay .tabs li > a.ui-state-active,
.ui-toolkit #notification-overlay .tabs li .tab-title.ui-state-active {
  background-color: #fff;
  border-bottom-color: #fff;
  color: #222;
}

.ui-toolkit #inline-overlay.overlay .tabs li.prefix,
.ui-toolkit #locale-select-overlay.overlay .tabs li.prefix,
.ui-toolkit #conversation-overlay.overlay .tabs li.prefix,
.ui-toolkit #custom-order-overlay .tabs li.prefix,
.ui-toolkit #notification-overlay .tabs li.prefix {
  display: block;
  font-size: 13px;
  padding: 8px 12px;
  margin: 0 0 -1px;
  text-align: center;
  font-weight: bold;
  position: relative;
}

.ui-toolkit #inline-overlay.overlay .overlay-tab-content,
.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content,
.ui-toolkit #conversation-overlay.overlay .overlay-tab-content,
.ui-toolkit #custom-order-overlay .overlay-tab-content,
.ui-toolkit #notification-overlay .overlay-tab-content {
  display: none;
}

.ui-toolkit #inline-overlay.overlay .overlay-tab-content.active,
.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content.active,
.ui-toolkit #conversation-overlay.overlay .overlay-tab-content.active,
.ui-toolkit #custom-order-overlay .overlay-tab-content.active,
.ui-toolkit #notification-overlay .overlay-tab-content.active {
  display: block;
}

.ui-toolkit #inline-overlay.overlay .clear:after,
.ui-toolkit #locale-select-overlay.overlay .clear:after,
.ui-toolkit #conversation-overlay.overlay .clear:after,
.ui-toolkit #custom-order-overlay .clear:after,
.ui-toolkit #notification-overlay .clear:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ui-toolkit #inline-overlay.overlay .clear,
.ui-toolkit #locale-select-overlay.overlay .clear,
.ui-toolkit #conversation-overlay.overlay .clear,
.ui-toolkit #custom-order-overlay .clear,
.ui-toolkit #notification-overlay .clear {
  min-height: 1%;
}

.ui-toolkit #inline-overlay.overlay .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .btn-fb,
.ui-toolkit #conversation-overlay.overlay .btn-fb,
.ui-toolkit #custom-order-overlay .btn-fb,
.ui-toolkit #notification-overlay .btn-fb {
  text-align: center;
  margin-bottom: 8px;
  padding: 7px 10px;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-toolkit #inline-overlay.overlay .btn-fb:hover,
.ui-toolkit #inline-overlay.overlay .btn-fb.hover,
.ui-toolkit #locale-select-overlay.overlay .btn-fb:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.hover,
.ui-toolkit #conversation-overlay.overlay .btn-fb:hover,
.ui-toolkit #conversation-overlay.overlay .btn-fb.hover,
.ui-toolkit #custom-order-overlay .btn-fb:hover,
.ui-toolkit #custom-order-overlay .btn-fb.hover,
.ui-toolkit #notification-overlay .btn-fb:hover,
.ui-toolkit #notification-overlay .btn-fb.hover {
  background-color: #3f61a3;
  border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit #inline-overlay.overlay .btn-fb:active,
.ui-toolkit #inline-overlay.overlay .btn-fb.active,
.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .btn-fb:active,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.active,
.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-fb,
.ui-toolkit #conversation-overlay.overlay .btn-fb:active,
.ui-toolkit #conversation-overlay.overlay .btn-fb.active,
.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-fb,
.ui-toolkit #custom-order-overlay .btn-fb:active,
.ui-toolkit #custom-order-overlay .btn-fb.active,
.ui-toolkit #custom-order-overlay .btn-group.open .btn-fb,
.ui-toolkit #notification-overlay .btn-fb:active,
.ui-toolkit #notification-overlay .btn-fb.active,
.ui-toolkit #notification-overlay .btn-group.open .btn-fb {
  background-color: #37538d;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook:before,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook:before,
.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook:before,
.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook:before,
.ui-toolkit #notification-overlay .btn-fb.ss-facebook:before {
  font-family: "SSEtsy";
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 7px;
}

.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
.ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #notification-overlay .connect-container .facebook-spinner {
  content: "";
  background: url(/assets/dist/images/spinners/facebook-spinner.20170615210940.gif)
    no-repeat center bottom;
  background-size: 15px 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {
  .ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before,
  .ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
  .ui-toolkit
    #locale-select-overlay.overlay
    .btn-fb.ss-facebook.spinning:before,
  .ui-toolkit
    #locale-select-overlay.overlay
    .connect-container
    .facebook-spinner,
  .ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before,
  .ui-toolkit
    #conversation-overlay.overlay
    .connect-container
    .facebook-spinner,
  .ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before,
  .ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
  .ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before,
  .ui-toolkit #notification-overlay .connect-container .facebook-spinner {
    background-image: url(/assets/dist/images/spinners/facebook-spinner@2x.20170615210940.gif);
  }
}

.ui-toolkit #inline-overlay.overlay .btn-google,
.ui-toolkit #locale-select-overlay.overlay .btn-google,
.ui-toolkit #conversation-overlay.overlay .btn-google,
.ui-toolkit #custom-order-overlay .btn-google,
.ui-toolkit #notification-overlay .btn-google {
  text-align: center;
  margin-bottom: 8px;
  padding: 7px 10px;
  border-color: rgba(0, 0, 0, 0.15);
  background-color: #4285f4;
  color: #fff;
}

.ui-toolkit #inline-overlay.overlay .btn-google:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-google:hover,
.ui-toolkit #conversation-overlay.overlay .btn-google:hover,
.ui-toolkit #custom-order-overlay .btn-google:hover,
.ui-toolkit #notification-overlay .btn-google:hover {
  background-color: #5593f5;
  border-color: rgba(0, 0, 0, 0.25);
}

.ui-toolkit #inline-overlay.overlay .btn-google:active,
.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-google,
.ui-toolkit #locale-select-overlay.overlay .btn-google:active,
.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-google,
.ui-toolkit #conversation-overlay.overlay .btn-google:active,
.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-google,
.ui-toolkit #custom-order-overlay .btn-google:active,
.ui-toolkit #custom-order-overlay .btn-group.open .btn-google,
.ui-toolkit #notification-overlay .btn-google:active,
.ui-toolkit #notification-overlay .btn-group.open .btn-google {
  background-color: #347df3;
  border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit #inline-overlay.overlay .btn-google:before,
.ui-toolkit #locale-select-overlay.overlay .btn-google:before,
.ui-toolkit #conversation-overlay.overlay .btn-google:before,
.ui-toolkit #custom-order-overlay .btn-google:before,
.ui-toolkit #notification-overlay .btn-google:before {
  float: left;
  height: 16px;
  width: 16px;
  margin-right: 9px;
  content: "";
  background: url(/assets/dist/images/google/google-icon.20170615210938.png)
    no-repeat center;
  background-size: 15px 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {
  .ui-toolkit #inline-overlay.overlay .btn-google:before,
  .ui-toolkit #locale-select-overlay.overlay .btn-google:before,
  .ui-toolkit #conversation-overlay.overlay .btn-google:before,
  .ui-toolkit #custom-order-overlay .btn-google:before,
  .ui-toolkit #notification-overlay .btn-google:before {
    background-image: url(/assets/dist/images/google/google-icon@2x.20170615210938.png);
  }
}

.ui-toolkit #inline-overlay.overlay .btn-google.spinning:before,
.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before,
.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before,
.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #custom-order-overlay .btn-google.spinning:before,
.ui-toolkit #custom-order-overlay .connect-container .google-spinner,
.ui-toolkit #notification-overlay .btn-google.spinning:before,
.ui-toolkit #notification-overlay .connect-container .google-spinner {
  background: url(/assets/dist/images/spinners/google-spinner.20170615210940.gif)
    no-repeat center;
  background-size: 15px 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {
  .ui-toolkit #inline-overlay.overlay .btn-google.spinning:before,
  .ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
  .ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before,
  .ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
  .ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before,
  .ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
  .ui-toolkit #custom-order-overlay .btn-google.spinning:before,
  .ui-toolkit #custom-order-overlay .connect-container .google-spinner,
  .ui-toolkit #notification-overlay .btn-google.spinning:before,
  .ui-toolkit #notification-overlay .connect-container .google-spinner {
    background-image: url(/assets/dist/images/spinners/google-spinner@2x.20170615210940.gif);
  }
}

.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #custom-order-overlay .connect-container .google-spinner,
.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
.ui-toolkit #notification-overlay .connect-container .google-spinner,
.ui-toolkit #notification-overlay .connect-container .facebook-spinner {
  display: none;
}

.ui-toolkit #inline-overlay.overlay .btn-primary,
.ui-toolkit #inline-overlay.overlay .btn-secondary,
.ui-toolkit #inline-overlay.overlay .btn-transaction,
.ui-toolkit #inline-overlay.overlay .btn-offsite,
.ui-toolkit #inline-overlay.overlay .btn-invite,
.ui-toolkit #inline-overlay.overlay .btn-fb,
.ui-toolkit #inline-overlay.overlay .btn-google,
.ui-toolkit #inline-overlay.overlay .btn-link,
.ui-toolkit #locale-select-overlay.overlay .btn-primary,
.ui-toolkit #locale-select-overlay.overlay .btn-secondary,
.ui-toolkit #locale-select-overlay.overlay .btn-transaction,
.ui-toolkit #locale-select-overlay.overlay .btn-offsite,
.ui-toolkit #locale-select-overlay.overlay .btn-invite,
.ui-toolkit #locale-select-overlay.overlay .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .btn-google,
.ui-toolkit #locale-select-overlay.overlay .btn-link,
.ui-toolkit #conversation-overlay.overlay .btn-primary,
.ui-toolkit #conversation-overlay.overlay .btn-secondary,
.ui-toolkit #conversation-overlay.overlay .btn-transaction,
.ui-toolkit #conversation-overlay.overlay .btn-offsite,
.ui-toolkit #conversation-overlay.overlay .btn-invite,
.ui-toolkit #conversation-overlay.overlay .btn-fb,
.ui-toolkit #conversation-overlay.overlay .btn-google,
.ui-toolkit #conversation-overlay.overlay .btn-link,
.ui-toolkit #custom-order-overlay .btn-primary,
.ui-toolkit #custom-order-overlay .btn-secondary,
.ui-toolkit #custom-order-overlay .btn-transaction,
.ui-toolkit #custom-order-overlay .btn-offsite,
.ui-toolkit #custom-order-overlay .btn-invite,
.ui-toolkit #custom-order-overlay .btn-fb,
.ui-toolkit #custom-order-overlay .btn-google,
.ui-toolkit #custom-order-overlay .btn-link,
.ui-toolkit #notification-overlay .btn-primary,
.ui-toolkit #notification-overlay .btn-secondary,
.ui-toolkit #notification-overlay .btn-transaction,
.ui-toolkit #notification-overlay .btn-offsite,
.ui-toolkit #notification-overlay .btn-invite,
.ui-toolkit #notification-overlay .btn-fb,
.ui-toolkit #notification-overlay .btn-google,
.ui-toolkit #notification-overlay .btn-link {
  display: inline-block;
  padding: 7px 15px 8px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  line-height: normal;
  margin: 0;
  -webkit-appearance: none;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit #inline-overlay.overlay .btn-primary,
  .ui-toolkit #inline-overlay.overlay .btn-secondary,
  .ui-toolkit #inline-overlay.overlay .btn-transaction,
  .ui-toolkit #inline-overlay.overlay .btn-offsite,
  .ui-toolkit #inline-overlay.overlay .btn-invite,
  .ui-toolkit #inline-overlay.overlay .btn-fb,
  .ui-toolkit #inline-overlay.overlay .btn-google,
  .ui-toolkit #inline-overlay.overlay .btn-link,
  .ui-toolkit #locale-select-overlay.overlay .btn-primary,
  .ui-toolkit #locale-select-overlay.overlay .btn-secondary,
  .ui-toolkit #locale-select-overlay.overlay .btn-transaction,
  .ui-toolkit #locale-select-overlay.overlay .btn-offsite,
  .ui-toolkit #locale-select-overlay.overlay .btn-invite,
  .ui-toolkit #locale-select-overlay.overlay .btn-fb,
  .ui-toolkit #locale-select-overlay.overlay .btn-google,
  .ui-toolkit #locale-select-overlay.overlay .btn-link,
  .ui-toolkit #conversation-overlay.overlay .btn-primary,
  .ui-toolkit #conversation-overlay.overlay .btn-secondary,
  .ui-toolkit #conversation-overlay.overlay .btn-transaction,
  .ui-toolkit #conversation-overlay.overlay .btn-offsite,
  .ui-toolkit #conversation-overlay.overlay .btn-invite,
  .ui-toolkit #conversation-overlay.overlay .btn-fb,
  .ui-toolkit #conversation-overlay.overlay .btn-google,
  .ui-toolkit #conversation-overlay.overlay .btn-link,
  .ui-toolkit #custom-order-overlay .btn-primary,
  .ui-toolkit #custom-order-overlay .btn-secondary,
  .ui-toolkit #custom-order-overlay .btn-transaction,
  .ui-toolkit #custom-order-overlay .btn-offsite,
  .ui-toolkit #custom-order-overlay .btn-invite,
  .ui-toolkit #custom-order-overlay .btn-fb,
  .ui-toolkit #custom-order-overlay .btn-google,
  .ui-toolkit #custom-order-overlay .btn-link,
  .ui-toolkit #notification-overlay .btn-primary,
  .ui-toolkit #notification-overlay .btn-secondary,
  .ui-toolkit #notification-overlay .btn-transaction,
  .ui-toolkit #notification-overlay .btn-offsite,
  .ui-toolkit #notification-overlay .btn-invite,
  .ui-toolkit #notification-overlay .btn-fb,
  .ui-toolkit #notification-overlay .btn-google,
  .ui-toolkit #notification-overlay .btn-link {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit #inline-overlay.overlay .btn-secondary,
.ui-toolkit #locale-select-overlay.overlay .btn-secondary,
.ui-toolkit #conversation-overlay.overlay .btn-secondary,
.ui-toolkit #custom-order-overlay .btn-secondary,
.ui-toolkit #notification-overlay .btn-secondary {
  color: #222;
}

.ui-toolkit #inline-overlay.overlay .btn-link,
.ui-toolkit #locale-select-overlay.overlay .btn-link,
.ui-toolkit #conversation-overlay.overlay .btn-link,
.ui-toolkit #custom-order-overlay .btn-link,
.ui-toolkit #notification-overlay .btn-link {
  color: #f56400;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  background-image: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0 15px;
}

.ui-toolkit #inline-overlay.overlay .btn-link:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-link:hover,
.ui-toolkit #conversation-overlay.overlay .btn-link:hover,
.ui-toolkit #custom-order-overlay .btn-link:hover,
.ui-toolkit #notification-overlay .btn-link:hover {
  text-decoration: underline;
}

.ui-toolkit #inline-overlay.overlay .btn-link:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-link:focus,
.ui-toolkit #conversation-overlay.overlay .btn-link:focus,
.ui-toolkit #custom-order-overlay .btn-link:focus,
.ui-toolkit #notification-overlay .btn-link:focus {
  background-color: transparent;
  text-decoration: underline;
}

.ui-toolkit #inline-overlay.overlay .btn-link.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-link.disabled,
.ui-toolkit #custom-order-overlay .btn-link.disabled,
.ui-toolkit #notification-overlay .btn-link.disabled {
  color: #595959;
}

.ui-toolkit #inline-overlay.overlay .btn-link.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-link.disabled:hover,
.ui-toolkit #custom-order-overlay .btn-link.disabled:hover,
.ui-toolkit #notification-overlay .btn-link.disabled:hover {
  text-decoration: none;
}

.ui-toolkit #inline-overlay.overlay button.disabled,
.ui-toolkit #inline-overlay.overlay button.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay button.disabled,
.ui-toolkit #locale-select-overlay.overlay button.disabled:hover,
.ui-toolkit #conversation-overlay.overlay button.disabled,
.ui-toolkit #conversation-overlay.overlay button.disabled:hover,
.ui-toolkit #custom-order-overlay button.disabled,
.ui-toolkit #custom-order-overlay button.disabled:hover,
.ui-toolkit #notification-overlay button.disabled,
.ui-toolkit #notification-overlay button.disabled:hover {
  cursor: default;
}

.ui-toolkit #inline-overlay.overlay .btn-primary:focus,
.ui-toolkit #inline-overlay.overlay .btn-secondary:focus,
.ui-toolkit #inline-overlay.overlay .btn-transaction:focus,
.ui-toolkit #inline-overlay.overlay .btn-group:focus,
.ui-toolkit #inline-overlay.overlay .btn-invite:focus,
.ui-toolkit #inline-overlay.overlay .btn-fb:focus,
.ui-toolkit #inline-overlay.overlay .btn-google:focus,
.ui-toolkit #inline-overlay.overlay .btn-link:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-primary:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-secondary:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-transaction:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-group:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-invite:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-fb:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-google:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-link:focus,
.ui-toolkit #conversation-overlay.overlay .btn-primary:focus,
.ui-toolkit #conversation-overlay.overlay .btn-secondary:focus,
.ui-toolkit #conversation-overlay.overlay .btn-transaction:focus,
.ui-toolkit #conversation-overlay.overlay .btn-group:focus,
.ui-toolkit #conversation-overlay.overlay .btn-invite:focus,
.ui-toolkit #conversation-overlay.overlay .btn-fb:focus,
.ui-toolkit #conversation-overlay.overlay .btn-google:focus,
.ui-toolkit #conversation-overlay.overlay .btn-link:focus,
.ui-toolkit #custom-order-overlay .btn-primary:focus,
.ui-toolkit #custom-order-overlay .btn-secondary:focus,
.ui-toolkit #custom-order-overlay .btn-transaction:focus,
.ui-toolkit #custom-order-overlay .btn-group:focus,
.ui-toolkit #custom-order-overlay .btn-invite:focus,
.ui-toolkit #custom-order-overlay .btn-fb:focus,
.ui-toolkit #custom-order-overlay .btn-google:focus,
.ui-toolkit #custom-order-overlay .btn-link:focus,
.ui-toolkit #notification-overlay .btn-primary:focus,
.ui-toolkit #notification-overlay .btn-secondary:focus,
.ui-toolkit #notification-overlay .btn-transaction:focus,
.ui-toolkit #notification-overlay .btn-group:focus,
.ui-toolkit #notification-overlay .btn-invite:focus,
.ui-toolkit #notification-overlay .btn-fb:focus,
.ui-toolkit #notification-overlay .btn-google:focus,
.ui-toolkit #notification-overlay .btn-link:focus {
  outline: none;
}

.ui-toolkit #inline-overlay.overlay .btn-primary.disabled,
.ui-toolkit #inline-overlay.overlay .btn-primary.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled:hover,
.ui-toolkit #custom-order-overlay .btn-primary.disabled,
.ui-toolkit #custom-order-overlay .btn-primary.disabled:hover,
.ui-toolkit #notification-overlay .btn-primary.disabled,
.ui-toolkit #notification-overlay .btn-primary.disabled:hover {
  background-color: #ff9d5c;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit #inline-overlay.overlay .btn-fb.disabled,
.ui-toolkit #inline-overlay.overlay .btn-fb.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled:hover,
.ui-toolkit #custom-order-overlay .btn-fb.disabled,
.ui-toolkit #custom-order-overlay .btn-fb.disabled:hover,
.ui-toolkit #notification-overlay .btn-fb.disabled,
.ui-toolkit #notification-overlay .btn-fb.disabled:hover {
  background-color: #96abd6;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit #inline-overlay.overlay .btn-google.disabled,
.ui-toolkit #inline-overlay.overlay .btn-google.diabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-google.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-google.diabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-google.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-google.diabled:hover,
.ui-toolkit #custom-order-overlay .btn-google.disabled,
.ui-toolkit #custom-order-overlay .btn-google.diabled:hover,
.ui-toolkit #notification-overlay .btn-google.disabled,
.ui-toolkit #notification-overlay .btn-google.diabled:hover {
  background-color: #d3e3fc;
  border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit
  #conversation-overlay.overlay
  .canned-responses
  .canned-response-action {
  font-size: 11px;
}

.ui-toolkit
  #conversation-overlay.overlay
  .canned-responses
  .canned-response-action
  .ss-icon {
  font-size: 11px;
}

.ui-toolkit
  #conversation-overlay.overlay
  .conversation-send.snippets-enabled
  input.text {
  width: 89%;
  display: inline-block;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .ui-toolkit
    #conversation-overlay.overlay
    .conversation-send.snippets-enabled
    input.text {
    width: calc(100% - 50px);
  }
}

.ui-toolkit #conversation-overlay.overlay .snippets-enabled .convo-action-list {
  width: 9%;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .ui-toolkit
    #conversation-overlay.overlay
    .snippets-enabled
    .convo-action-list {
    width: 40px;
  }
}

.ui-toolkit
  #conversation-overlay.overlay
  .canned-response-new-form
  .canned-response-new-save {
  display: inline-block;
  padding: 7px 15px 8px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  background-color: #f56400;
  border-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  line-height: normal;
  margin: 0;
  -webkit-appearance: none;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit
    #conversation-overlay.overlay
    .canned-response-new-form
    .canned-response-new-save {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.ui-toolkit
  #conversation-overlay.overlay
  .canned-response-new-form
  .canned-response-new-name {
  width: 100%;
}

.ui-toolkit #conversation-overlay.overlay .overlay-content {
  overflow: visible;
}

.ui-toolkit
  #conversation-overlay.overlay
  #add-canned-response
  > .canned-responses
  ul {
  padding-left: 0px;
}

.ui-toolkit #inline-overlay.overlay {
}

.ui-toolkit #inline-overlay.overlay input.text {
  width: 232px;
}

.ui-toolkit #custom-order-overlay.overlay label {
  display: block;
}

.ui-toolkit #custom-order-overlay.overlay .convo-overlay-error {
  width: 100%;
}

.ui-toolkit #custom-order-overlay.overlay .overlay-footer {
  height: 60px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-body {
  padding: 19px 21px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-content .tabs {
  margin-bottom: 10px;
}

.ui-toolkit #local-select-overlay.overlay h1 {
  margin-bottom: 8px;
}

.ui-toolkit #local-select-overlay.overlay h2 {
  font-size: 16px;
  margin-bottom: 0px;
}

.ui-toolkit #local-select-overlay.overlay h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
}

.ui-toolkit #local-select-overlay.overlay .section {
  padding: 0 16px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-body p {
  line-height: 17px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-body ul {
  list-style-type: disc;
  margin-left: 18px;
}

.ui-toolkit * html .clear {
  height: 1%;
}

.ui-toolkit ul.collection-list {
  padding-left: 0px;
}

.ui-toolkit .new-collections input {
  margin-bottom: 12px;
}

.ui-toolkit .new-collections.activated input {
  width: 115px;
}

.ui-toolkit .new-collections button {
  height: 26px;
  font-size: 12px;
  padding: 5px 0px;
}

html.ui-toolkit {
  height: 100%;
  width: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.ui-toolkit {
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans",
    "Segoe UI", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
  screen and (orientation: landscape) and (min-device-height: 740px) {
  .ui-toolkit {
    font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto",
      "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
  }
}

.display-none[data-toolkit-overlay] {
  display: none;
}

html:hover [class^="gnav-"] {
  -ms-zoom: 1;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
  max-width: 450px;
  width: 100%;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header {
  border-bottom: 1px solid #e2e2e2;
  text-align: left;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body {
  padding: 8px 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.hidden {
  display: none;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-left {
  float: left;
  border-right: 1px solid #e2e2e2;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right {
  float: right;
  border-left: 1px solid #e2e2e2;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right {
  margin: 0 1px 0 -1px;
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-body.subnav-body-right
  .subnav-text-link {
  margin-right: -1px;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer {
  margin: 8px 20px 0 20px;
  padding: 8px 0;
  border-top: 1px solid #eee;
  font-size: 12px;
}

@media screen and (max-width: 420px) {
  .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-footer
  .subnav-text-link {
  color: #999;
  padding: 8px 0 0;
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-footer
  .subnav-text-link:hover,
.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-footer
  .subnav-text-link:focus {
  color: #0192b5;
  background-color: transparent;
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-body-left
  .subnav-text-link {
  position: relative;
  padding-right: 26px;
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-body-left
  .subnav-text-link
  .subnav-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  font-size: 10px;
  color: #bbb;
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-body-right
  .subnav-text-link
  .count.hide {
  display: none;
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-text-link-no-hover-state {
  cursor: default;
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-text-link-no-hover-state:hover,
.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-text-link-no-hover-state.active {
  background: transparent;
  color: #222;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link.is-selected {
  background: rgba(0, 0, 0, 0.05);
}

.gnav-header
  .sub-nav.sub-nav-wide.sub-nav-wide
  .subnav-text-link.is-selected
  .subnav-icon {
  color: #222;
}

@media (min-width: 421px) and (max-width: 540px) {
  .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
    margin-right: -30px;
    max-width: 350px;
  }

  .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::before,
  .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::after {
    transform: translateX(-30px);
  }
}

.lte-ie8 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
  width: 450px;
}

.smart-banner {
  width: 100%;
  height: 64px;
  background-color: #f45800;
}

.smart-banner.on {
  display: block;
}

.smart-banner.off {
  display: none;
}

.smart-banner .dismiss-banner {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  color: #444;
}

.ui-toolkit .smart-banner .dismiss-banner {
  color: #444;
}

.smart-banner.smart_banner_tablet,
.banner_page_type_view_profile {
  margin-left: -10px;
  padding-right: 20px;
}

.smart-banner.smart_banner_tablet.banner_page_type_local_event_details {
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 0px;
}

.smart-banner-content {
  display: table;
  width: 75%;
  min-width: 320px;
  padding: 0 8px;
  max-width: 530px;
  height: inherit;
  margin: 0 auto;
  font-size: 15px;
}

.smart-banner-col {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}

.smart-banner-img {
  background-size: 100%;
  background-position: bottom left;
  background-repeat: no-repeat;
}

.smart-banner-img.ios,
.smart-banner-img.android {
  width: 56px;
}

.smart-banner-img.ios-tab,
.smart-banner-img.android-tab {
  width: 110px;
}

.smart-banner-img.ios {
  background-image: url(/assets/dist/images/smartbanner/phone_iOS.20170615210940.png);
}

.smart-banner-img.android {
  background-image: url(/assets/dist/images/smartbanner/phone_android.20170615210940.png);
}

.smart-banner-img.ios-tab {
  background-image: url(/assets/dist/images/smartbanner/tablet_iOS.20170615210940.png);
}

.smart-banner-img.android-tab {
  background-image: url(/assets/dist/images/smartbanner/tablet_android.20170615210940.png);
}

.smart-banner p {
  text-align: left;
  padding-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3em;
  color: #fff;
}

.smart-banner-button {
  padding-left: 20px;
  width: 1%;
}

.invite-traffic > .banner-content {
  display: table;
  width: 100%;
  height: 64px;
  max-width: 400px;
  margin: 0 auto;
}

.invite-traffic .cta-col,
.invite-traffic .copy-col,
.invite-traffic .image-col {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}

.invite-traffic .cta-col {
  width: 1%;
  padding-left: 0;
}

.invite-traffic .copy-col {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

.invite-traffic .image-col {
  display: table-cell;
  width: 1%;
  padding-right: 0;
}

.invite-traffic .image-col img {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  display: block;
}

.invite-traffic .image-col img.listing-image {
  width: 48px;
  height: 39px;
  border-radius: 0;
  border: 1px solid #f8843b;
}

.invite-traffic button {
  white-space: nowrap;
  float: right;
  right: 8px;
  min-width: 85px;
  background: white;
  font-size: 14px;
  font-weight: 500;
  color: #f45800;
  border: 2px solid white;
  padding: 7px;
  border-radius: 3px;
  text-shadow: none;
}

.smart-banner.grey-banner {
  background-color: #f2d0b8;
}

.smart-banner.grey-banner .smart-banner-content {
  padding: 0 10px;
}

.grey-banner.smart-banner p {
  font-weight: bold;
  color: #222;
  padding: 0;
}

.grey-banner .smart-banner-img {
  display: none;
}

@media (min-width: 600px) {
  .grey-banner.smart-banner .smart-banner-content {
    width: auto;
    max-width: none;
  }

  .grey-banner .smart-banner-col {
    display: inline-block;
    margin-top: 16px;
    width: auto;
  }
}

.grey-banner.tall {
  text-align: center;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.grey-banner.tall p {
  text-align: center;
  padding-bottom: 10px;
}

.grey-banner.tall .smart-banner-button {
  padding: 0;
  padding-bottom: 4px;
}

.grey-banner.tall button {
  min-width: 154px;
}

.grey-banner.tall .smart-banner-col {
  display: block;
  width: auto;
}

.grey-banner.tall .smart-banner-img {
  display: none;
}

@media (min-width: 600px) {
  .grey-banner.tall .smart-banner-col {
    margin: 0;
  }
}

.smart-interstitial {
  width: 100vw;
  background: #f45800;
  background-repeat: no-repeat;
  overflow-y: hidden;
  height: 100vh;
  display: none;
  -webkit-transition: height 0.2s ease-in;
  -ms-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
}

.smart-interstitial.on {
  display: block;
}

.smart-interstitial.off {
  height: 0;
  display: block;
}

.smart-interstitial-phone {
  background-image: url(/assets/dist/images/smartbanner/phone_interstitial_small.20170615210940.png);
}

.smart-interstitial-tablet {
  background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png);
}

.smart-interstitial-content {
  text-align: center;
  color: white;
}

.smart-interstitial-msg-tablet {
  font-family: "Guardian-Medium", Georgia, serif;
}

.smart-interstitial-msg {
  margin: auto;
}

.smart-interstitial-btn {
  float: center;
  background: white;
  font-weight: 500;
  color: #f45800;
  border: 2px solid white;
  padding: 7px;
  border-radius: 3px;
  margin: 0 auto;
  text-shadow: none;
}

.smart-interstitial-btn.active {
  background: #e5e5e5;
  border: 2px solid #e5e5e5;
}

.smart-interstitial-mweb-btn {
  display: block;
}

@media only screen and (orientation: portrait) {
  .smart-interstitial-phone {
    background-position: 100% 100%;
    background-size: 100% auto;
  }

  .smart-interstitial-tablet {
    background-position: 50% 150%;
    background-size: auto 65%;
  }

  .smart-interstitial-content {
    position: relative;
    top: 25%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .smart-interstitial-content {
    top: 28%;
  }
}

@media only screen and (orientation: landscape) {
  .smart-interstitial {
    background-position: 110% 100%;
    background-size: 50% auto;
  }

  .smart-interstitial-phone {
    background-image: url(/assets/dist/images/smartbanner/tablet_interstitial_small.20170615210940.png);
  }

  .smart-interstitial-content {
    float: left;
    position: relative;
    top: 50%;
    left: 27%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

  .mobile-safari {
    top: 42%;
  }
}

@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  .smart-interstitial-phone {
    background-image: url(/assets/dist/images/smartbanner/phone_interstitial.20170615210940.png);
  }
}

@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .smart-interstitial-phone {
    background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png);
  }
}

@media only screen and (min-aspect-ratio: 65/100) and (orientation: portrait) {
  .smart-interstitial-phone {
    background-position: 100% 110%;
    background-size: auto 50%;
  }
}

@media only screen and (min-aspect-ratio: 3/2) and (orientation: landscape) {
  .smart-interstitial {
    background-position: 110% 100%;
    background-size: auto 90%;
  }
}

@media only screen and (min-aspect-ratio: 9/5) and (orientation: landscape) {
  .smart-interstitial {
    background-position: 90% 100%;
    background-size: auto 90%;
  }
}

@media only screen and (max-width: 720px) and (min-aspect-ratio: 9/5) and (orientation: landscape) {
  .smart-interstitial-content {
    top: 50%;
    left: 28%;
  }
}

@media (max-width: 750px) {
  .smart-interstitial-logo {
    font-size: 30px;
  }

  .smart-interstitial-msg {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 1.7em;
    line-height: 30px;
    max-width: 250px;
  }

  .smart-interstitial-btn {
    font-size: 1.2em;
    font-weight: 500;
    border: 2px solid white;
    padding: 7px;
    border-radius: 3px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 270px;
  }

  .smart-interstitial-mweb-btn {
    margin-top: 25px;
    font-size: 1.2em;
  }
}

@media (min-width: 750px) and (orientation: landscape) {
  .smart-interstitial-logo {
    font-size: 40px;
  }

  .smart-interstitial-msg {
    padding-top: 15px;
    padding-bottom: 25px;
    font-size: 1.75em;
    line-height: 35px;
    max-width: 300px;
  }

  .smart-interstitial-btn {
    font-size: 1.2em;
    font-weight: 500;
    border: 2px solid white;
    padding: 7px;
    border-radius: 3px;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 280px;
  }

  .smart-interstitial-mweb-btn {
    margin-top: 30px;
    font-size: 1.2em;
  }
}

@media (min-width: 750px) and (orientation: portrait) {
  .smart-interstitial-logo {
    font-size: 60px;
  }

  .smart-interstitial-msg {
    padding-top: 25px;
    padding-bottom: 35px;
    font-size: 2.75em;
    line-height: 50px;
    max-width: 400px;
  }

  .smart-interstitial-btn {
    font-size: 1.9em;
    font-weight: 500;
    border: 2px solid white;
    padding: 7px;
    border-radius: 6px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 350px;
  }

  .smart-interstitial-mweb-btn {
    margin-top: 40px;
    font-size: 1.8em;
  }
}

@media only screen and (max-height: 320px) and (orientation: landscape) {
  .smart-interstitial-logo {
    font-size: 25px;
  }

  .smart-interstitial-msg {
    padding-top: 8px;
    padding-bottom: 15px;
    font-size: 1.6em;
    line-height: 30px;
  }

  .smart-interstitial-btn {
    font-size: 1.1em;
    font-weight: 500;
    border: 2px solid white;
    padding: 7px;
    border-radius: 3px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 270px;
  }

  .smart-interstitial-mweb-btn {
    margin-top: 20px;
    font-size: 1.2em;
  }

  .smart-interstitial {
    background-position: calc(55% + 180px) 100%;
    background-size: auto 90%;
  }

  .smart-interstitial-content {
    left: 30%;
  }
}

@media only screen and (max-width: 515px) and (orientation: landscape) {
  .smart-interstitial {
    background-position: calc(55% + 180px) 100%;
    background-size: auto 90%;
  }

  .smart-interstitial-btn {
    width: 90%;
  }
}

.text-field {
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0 2px 0 #f5f5f1;
  -webkit-box-shadow: inset 0 2px 0 #f5f5f1;
}

.text-field.clearable {
  background-color: #fff;
  border-color: #c2c2c2 #e6e6e6 #e6e6e6 #c2c2c2;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
}

.text-field.clearable .text-field-wrapper {
  width: 100%;
}

.text-field.clearable input[type="text"],
.text-field.clearable input[type="search"] {
  display: table-cell;
  width: 100%;
  border: none;
  -webkit-appearance: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.text-field.clearable .close {
  display: table-cell;
  width: 25px;
}

.text-field.clearable .close::after {
  visibility: hidden;
}

.text-field.clearable .close.show::after {
  visibility: visible;
}

a.arrow::after {
  border-style: solid;
  border-color: #888 transparent;
  border-width: 5px 5px 0;
  display: inline-block;
  position: relative;
  top: -2px;
  left: 1px;
  content: "";
}

a.arrow-up::after {
  border-width: 0 5px 5px;
}

.ui-toolkit.notifications-container .count {
  line-height: 18px;
  min-width: 18px;
  font-size: 11px;
  letter-spacing: 0.03em;
  border-radius: 2px;
}

.ui-toolkit.notifications-container .notifications-header .align-self-center {
  margin: auto;
}

.ui-toolkit.notifications-container .notifications-body {
  height: 330px;
  overflow-x: hidden;
}

.ui-toolkit.notifications-container
  .notifications-body.non-responsive-height-460px {
  height: 460px;
}

@media screen and (max-width: 420px) {
  .ui-toolkit.notifications-container .notifications-body {
    height: calc(100vh - 88px);
  }

  .ui-toolkit.notifications-container
    .notifications-body.non-responsive-height-460px {
    height: calc(100vh - 88px);
  }
}

.ui-toolkit.notifications-container a.text-decoration-none {
  text-decoration: none;
}

.ui-toolkit.notifications-container a.text-decoration-none .active {
  display: inline;
}

.ui-toolkit.notifications-container .notification-text {
  flex-grow: 2;
}

.ui-toolkit.notifications-utility-nav.notifications-container .count {
  min-width: 24px;
}

#sub-nav-notification-navigation {
  height: auto;
}

#sub-nav-notification-navigation.non-responsive-width-320px {
  width: 320px;
}

.apply-nav-height,
.apply-nav-height > li > .nav-link,
.apply-nav-height > li > a {
  height: 45px;
}

.apply-nav-height.gnav-header-inner {
  height: 63px;
}

.gnav-header {
  /* -webkit-font-smoothing: subpixel-antialiased; */
  position: relative;
  margin: 0 -10px;
  padding: 0;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  z-index: 1000;
  min-width: 1000px;
}

.mobile .gnav-header {
  margin: 0;
}

.gnav-header .gnav-header-inner {
  width: 980px;
  text-align: left;
  padding: 5px auto;
  box-sizing: border-box;
}

.gnav-header #gigtodo-logo {
  float: left;
  /* width: 160px; */
  /* margin-right: 12px; */
  top: 0px;
}

.gnav-header #gigtodo-logo a {
  width: 100%;
  height: 100%;
  background-size: 100%;
  color: #f45800;
  margin-top: 40px;
  text-indent: 0;
  overflow: hidden;
  top: -35px;
  display: block;
}

.gnav-header .nav-link,
.ui-toolkit .gnav-header .nav-link {
  float: left;
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  padding: 0 13px;
  margin: 0;
  color: #0192b5;
  text-decoration: none;
}

.nav-link .nav-icon {
  display: block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #666666;
  float: none;
  font-size: 20px;
  min-width: 20px;
  top: auto;
  position: static;
  margin: 18px auto 0;
  width: auto;
  overflow: visible;
  text-indent: 0;
  background: none;
}

.nav-link .nav-icon:before {
  display: block;
  margin: 0 auto;
  float: none;
  height: 32px;
  min-width: 20px;
  line-height: 32px;
  text-align: center;
}

.gnav-header .has-sub-nav .nav-link {
  min-width: 0;
  cursor: pointer;
}

.gnav-header .user-nav.has-sub-nav .nav-link,
.gnav-header .notifications-nav.has-sub-nav .nav-link {
  min-width: 33px;
}

.nav-link .gnav-ss-dropdown {
  font-size: 8px;
  line-height: 8px;
  position: static;
  top: 50%;
  margin: 0 -1px 0 0;
  left: auto;
  color: #bbb;
}

.nav-link:hover .nav-icon,
.nav-link:focus .nav-icon {
  color: #000;
}

.nav-link:hover .gnav-ss-dropdown,
.nav-link:focus .gnav-ss-dropdown {
  color: #888;
}

.gnav-header .account-nav > li.sign-in-link:before,
.gnav-header .account-nav > li.register-link:before,
.gnav-header .account-nav > li:first-child:before {
  content: none;
}

.gnav-header .browse-nav {
  position: static;
  display: block;
  float: left;
  padding-left: 20px;
  width: auto;
  height: 34px;
  box-sizing: border-box;
}

.gnav-header .browse-nav-inner {
  position: absolute;
  top: 71px;
  margin: 0;
  max-width: 280px;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.browse-nav-inner.hide {
  display: none;
}

.browse-nav-inner.show {
  display: block;
}

.browse-nav-inner:before,
.browse-nav-inner:after {
  left: 10%;
  margin-left: -10px;
}

.gnav-header .browse-nav li {
  display: block;
  padding: 0;
}

.browse-nav-inner .promotional-slice-categories {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.gnav-header .browse-nav .browse-nav-inner li.promotional-slices {
  display: none;
}

.gnav-header .browse-nav-inner a {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  width: auto;
  text-decoration: none;
  white-space: normal;
  margin: 0;
}

.ui-toolkit .gnav-header .search-browse-nav,
.gnav-header .search-browse-nav {
  display: none;
}

.no-touch .gnav-header .browse-nav-inner a:hover,
.is-touch .gnav-header .browse-nav-inner a.active {
  color: #0192b5;
  background: #e5f4f7;
}

.gnav-header .browse-nav .browse-dropdown-trigger {
  display: block;
  width: auto;
  text-decoration: none;
  padding: 0;
  padding-top: 23px;
  height: 58px;
  cursor: pointer;
  outline: none;
}

.browse-nav .browse-dropdown-trigger .inner-cell {
  border: 1px solid #e5e5e5;
  height: auto;
  white-space: nowrap;
  padding: 8px;
  border-radius: 3px;
  color: #666;
  font-size: 14px;
  line-height: 1.2em;
  display: block;
  width: auto;
  text-decoration: none;
}

.browse-nav .browse-dropdown-trigger:hover .inner-cell {
  border-color: #c0c0c0;
}

.browse-dropdown-trigger .browse-copy {
  display: none;
}

.browse-dropdown-trigger .browse-copy.short {
  display: block;
}

.browse-dropdown-trigger .browse-copy:after {
  font-family: "SSStandard";
  content: "▾";
  color: #bbb;
  font-size: 8px;
  line-height: 1em;
  position: relative;
  top: 0;
  left: 3px;
  margin: 0 1px;
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.browse-dropdown-trigger:hover .browse-copy:after {
  color: #888;
}

.apply-nav-height .sell-on-gigtodo-link {
  float: left;
  position: relative;
  list-style: none;
  border: 0 none;
  margin: 0;
  padding: 0;
}

.apply-nav-height .sell-on-gigtodo-link a {
  border: 1px solid transparent;
  height: auto;
  margin-top: 5px;
  display: block;
  float: left;
  padding: 8px;
  line-height: 16px;
  font-size: 14px;
  text-decoration: none;
  box-sizing: border-box;
  /* color: #E55400; */
}

.apply-nav-height .sell-on-gigtodo-link a:hover {
  text-decoration: underline;
}

.apply-nav-height .sell-on-gigtodo-link a .sell-copy.short {
  display: none;
}

.gnav-header .account-nav li.wholesale span.gigtodo-icon {
  margin-top: 2px;
  vertical-align: top;
}

@media screen and (min-width: 420px) {
  .gnav-header .account-nav li.wholesale a:before {
    margin: -11px auto auto auto;
  }

  .gnav-header .account-nav li.wholesale a:after {
    margin: -15px auto auto auto;
  }
}

@media screen and (max-width: 419.8px) {
  .gnav-header .account-nav li.wholesale a:before {
    margin: -4px auto auto auto;
  }

  .gnav-header .account-nav li.wholesale a:after {
    margin: -8px auto auto auto;
  }

  .mobile-catnav-trigger {
    padding-left: 8px;
    padding-right: 0px;
    margin-top: -3px;
  }
}

@media (max-width: 899.8px) {
  .mobile-catnav-trigger {
    /* padding-right: 8px !important; */
    margin-top: 6px;
    margin-left: 5px;
  }
}

@media (min-width: 900px) {
  .mobile-catnav-trigger {
    /* padding-right: 8px !important; */
    margin-top: 6px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 980px) {
  .is-responsive .gnav-header .account-nav li.wholesale span.gigtodo-icon {
    margin-top: 4px;
  }
}

@media (min-width: 451px) and (max-width: 479px) {
  .is-responsive .gnav-header .wholesaleoverride .nav-link {
    padding: 0 8px;
  }
}

@media (min-width: 421px) and (max-width: 450px) {
  .is-responsive .gnav-header .wholesaleoverride .nav-link {
    padding: 0 5px;
  }
}

.is-responsive .apply-nav-height .sell-on-gigtodo-link {
}

@media screen and (max-width: 1024px) {
  .is-responsive .apply-nav-height .sell-on-gigtodo-link a {
    height: auto;
    margin-top: 25px;
    line-height: 15px;
  }
}

@media screen and (max-width: 500px) {
  .is-responsive .apply-nav-height .sell-on-gigtodo-link a {
  }

  .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy {
    display: none;
  }

  .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy.short {
    display: inline;
  }
}

@media screen and (max-width: 420px) {
  .is-responsive .apply-nav-height .sell-on-gigtodo-link a {
    margin-top: 5px;
    margin-right: 5px;
  }
}

.apply-nav-height.signed-in a {
  line-height: 16px;
}

.is-responsive .apply-nav-height .signed-in {
}

.is-responsive .apply-nav-height .signed-in a {
  line-height: 16px;
}

@media screen and (min-width: 981px) {
  .is-responsive .apply-nav-height .signed-in a {
    margin-right: 7px;
  }
}

@media screen and (max-width: 420px) {
  .is-responsive .apply-nav-height .signed-in a {
    margin-right: 0px;
    line-height: 18px;
  }
}

.gnav-header #search-query.close-icon-experiment {
  padding: 6px 36px 6px 10px;
}

.gnav-header #search-query.search-mobile {
  height: 42px;
  font-size: 16px;
}

.gnav-header #search-query:hover {
  outline: none;
  border: 1px solid #bcb7b3;
}

.gnav-header #search-query:focus,
.gnav-header #search-query:active {
  outline: none;
  border: 1px solid #28a745;
  background: #fff;
  /*box-shadow: 0 0 0 1000px #fff inset;*/
}

.gnav-header .gnav-search-inner {
  position: absolute;
  display: table;
  width: 100%;
  top: 50%;
  margin-top: -13px;
  height: 40px;
}

.gnav-header .gnav-search-inner.search-mobile {
  margin-top: -20px;
}

.gnav-header .search-input-wrapper,
.gnav-header .search-button-wrapper {
  white-space: nowrap;
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.gnav-header .search-input-wrapper .close {
  display: none;
}

.gnav-header .search-input-wrapper .close:after {
  padding: 0 0 0 0px;
  background-position: 10px 0;
}

.gnav-header .search-input-wrapper .close.show {
  display: inline-block;
  cursor: pointer;
}

.gnav-header .search-input-wrapper #search-query {
  position: relative;
  margin-top: 0;
  top: 0;
  margin-bottom: 0;
  border-right: none;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.gnav-header .search-button-wrapper .btn-primary {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 17px;
  height: 40px;
  padding: 7px 35px 8px;
  /* background-color: #28a745 !important; */
}

.gnav-header .search-button-wrapper .btn-primary.search-mobile {
  height: 42px;
}

.search-mobile-wrapper {
  height: 62px;
}

@media screen and (min-width: 421px) {
  .search-mobile-wrapper {
    height: 66px;
  }
}

#open-filters.search-mobile {
  height: 42px;
  margin-top: 10px;
}

@media screen and (min-width: 421px) {
  #open-filters.search-mobile {
    margin-top: 13px;
  }
}

.search-browse-spacer {
  display: block;
  clear: left;
  top: 60px;
  margin: 0;
  padding: 0 10px;
  position: relative;
  top: 0;
  z-index: 5;
}

.lte-ie7 .gnav-header .search-input-wrapper,
.lte-ie7 .gnav-header .search-button-wrapper {
  float: left;
  width: 75%;
}

.lte-ie7 .gnav-header .search-button-wrapper {
  width: 25%;
}

.lte-ie7 .gnav-header .search-input-wrapper #search-query,
.lte-ie7 .gnav-header .search-button-wrapper .btn-primary {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.lte-ie7 .gnav-header .search-input-wrapper #search-query {
  height: 20px;
}

.lte-ie7 .gnav-header .search-button-wrapper .btn-primary {
  /* height: 34px; */
  line-height: 15px;
}

.gnav-header .account-nav {
  float: right;
  margin: 0px 0 0;
  padding-left: 0;
}

.gnav-header .guest_user {
  margin: 0px 0 0 !important;
}

.gnav-header .account-nav > li {
  float: left;
  position: relative;
  list-style: none;
  border: 0 none;
  /* margin: 10px 0 0; */
  padding: 0;
}

.mobile .gnav-header .account-nav li a:active,
.is-touch .gnav-header .account-nav li a:active {
  background: #e5f4f7;
}

.gnav-header .account-nav .count {
  text-align: center;
  line-height: 18px;
  min-width: 18px;
  float: right;
  position: absolute;
  vertical-align: baseline;
  background: #f56400;
  color: #ffffff;
  font-size: 11px;
  letter-spacing: 0.03em;
  padding: 0 4px;
  margin: 0 -13px 0 0;
  top: 15px;
  right: 57%;
  box-sizing: border-box;
  border-radius: 2px;
}

.gnav-header .account-nav .count.display-none {
  display: none;
}

.gnav-header .account-nav .count.count-smaller {
  line-height: 11px;
  min-width: 11px;
  top: 14px;
  right: 55%;
}

.gnav-header .count.hide {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}

.gnav-header .text-link {
  display: block;
  clear: left;
  white-space: nowrap;
  color: #595959;
  font-size: 12px;
  margin-top: -2px;
}

.gnav-header .nav-link:hover .text-link {
  color: #333;
}

.gnav-header .text-link .text-link-copy {
  display: inline;
}

.nav-icon.nav-icon-image {
  position: relative;
}

.nav-icon.nav-icon-image:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  top: 1px;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  opacity: 0.1;
  filter: alpha(opacity=10);
  box-sizing: border-box;
}

.nav-icon.nav-icon-image.nav-icon-square:after {
  border-radius: 5%;
}

.nav-icon.nav-icon-image.nav-icon-circle:after {
  border-radius: 50%;
}

.nav-link:focus .nav-icon.nav-icon-image:after,
.nav-link:hover .nav-icon.nav-icon-image:after {
  background-color: #000;
}

.nav-icon img {
  position: relative;
  display: block;
  float: none;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  top: 1px;
}

.nav-icon-square img {
  border-radius: 12%;
}

.nav-icon-circle img {
  border-radius: 50%;
}

.gnav-header .account-nav .cart {
  margin: 0;
  padding: 0;
}

.gnav-header .account-nav .cart .count {
  background: #f56400;
}

.gnav-header .account-nav .cart:hover .count {
  background: #ff6905;
}

.gnav-header .sub-navs {
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

.gnav-header .sub-nav {
  display: none;
  position: absolute;
  width: 280px;
  top: -9px;
  right: 20px;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  z-index: 50;
}

.gnav-header .sub-nav:before {
  display: block;
  content: " ";
  position: absolute;
  top: -14px;
  bottom: -14px;
  left: -14px;
  right: -14px;
  cursor: pointer;
  border-radius: 30px 30px 5px 5px;
  z-index: -1;
}

.gnav-header .sub-nav > ul {
  margin: 0;
  padding: 0 0 8px;
}

.gnav-header .sub-nav li {
  float: none;
  display: block;
  text-align: left;
  margin: 0;
}

.gnav-header .sub-nav li.top-divider {
  border-top: 1px solid #e2e2e2;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  padding-top: 8px;
}

.gnav-header .sub-nav li.bottom-divider {
  border-bottom: 1px solid #e2e2e2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.gnav-header .sub-nav li.bottom-divider.no-extra-space {
  padding-bottom: 0;
}

.gnav-header .sub-nav li.push-to-right {
  text-align: right;
}

.gnav-header .subnav-text-link {
  display: block;
  padding: 8px 20px;
  color: #333;
  width: auto;
  margin: 0;
}

.gnav-header .subnav-text-link,
.gnav-header .subnav-text-link:hover {
  text-decoration: none;
}

.no-touch .gnav-header .subnav-text-link:hover,
.no-touch .gnav-header .subnav-text-link:focus,
.no-touch .gnav-header .subnav-text-link:active,
.is-touch .gnav-header .subnav-text-link.active {
  color: #222;
  background: rgba(0, 0, 0, 0.05);
}

.gnav-header .subnav-text-link .gnav-ss-icon {
  font-size: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
  position: relative;
  top: 2px;
  color: #595959;
}

.no-touch .gnav-header .subnav-text-link:hover .gnav-ss-icon,
.no-touch .gnav-header .subnav-text-link:active .gnav-ss-icon,
.is-touch .gnav-header .subnav-text-link.active .gnav-ss-icon {
  color: #222;
}

.gnav-header .sub-nav a .count {
  text-align: center;
  display: inline-block;
  float: none;
  margin: 0;
  background: #f56400;
  padding: 0 4px;
  margin-left: 4px;
  vertical-align: baseline;
  font-size: 11px;
  line-height: 18px;
  min-width: 18px;
  letter-spacing: 0.03em;
  color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  position: relative;
  top: -2px;
}

.gnav-header .sub-nav a .count.inline {
  display: inline;
  padding: 2px 5px;
}

.gnav-header .sub-nav a:hover .count {
  background: #ff6905;
}

.gnav-header .sub-nav.shop {
  right: 72px;
}

.gnav-header .sub-nav.hide {
  display: none;
}

.gnav-header .sub-nav.show,
.gnav-header li:hover > .sub-nav {
  display: block;
}

.gnav-header .with-pointer:before,
.gnav-header .with-pointer:after {
  content: " ";
  display: block;
  position: absolute;
  top: -10px;
  right: 72px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d8d8d8;
  cursor: pointer;
}

.gnav-header .with-pointer:after {
  top: -9px;
  border-bottom: 10px solid #fff;
  z-index: 1;
}

.gnav-header .gnav-header-inner .with-catnav .with-pointer:before,
.gnav-header .gnav-header-inner .with-catnav .with-pointer:after {
  display: none;
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  .gnav-header .gnav-header-inner .with-catnav .with-pointer:before,
  .gnav-header .gnav-header-inner .with-catnav .with-pointer:after {
    display: block;
  }
}

.search-browse-inner.with-pointer:before,
.search-browse-inner.with-pointer:after {
  display: none;
}

.gnav-user-card,
.gnav-shop-card {
  position: relative;
}

.ui-toolkit .gnav-user-card a,
.ui-toolkit .gnav-shop-card .clickable-header,
.gnav-user-card a,
.gnav-shop-card .clickable-header {
  display: block;
  padding: 18px 20px;
  margin: 0;
  text-decoration: none;
}

.gnav-user-card .details,
.gnav-shop-card .details {
  display: block;
  margin-left: 61px;
  line-height: 18px;
}

.gnav-user-card .name,
.gnav-shop-card .name {
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: -1px 0 8px;
  font-size: 16px;
}

@media screen and (min-device-width: 680px) and (orientation: portrait),
  screen and (min-device-height: 680px) and (orientation: landscape) {
  .gnav-user-card .name,
  .gnav-shop-card .name {
    font-family: "Guardian-EgypTT", Arial, Helvetica, sans-serif;
    font-weight: 500;
  }
}

.gnav-user-card .details a,
.gnav-shop-card .details a {
  display: inline-block;
  margin-right: 0.5em;
}

.gnav-user-card .profile-link,
.gnav-shop-card .shop-link,
.gnav-shop-card .edit-shop-link {
  display: inline-block;
  font-size: 13px;
  padding: 2px 8px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  color: #333;
}

.gnav-shop-card .edit-shop-link {
  background-color: #f56400;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}

.no-touch .gnav-user-card a:hover,
.no-touch .gnav-shop-card a:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.no-touch .gnav-user-card a:hover .profile-link,
.no-touch .gnav-user-card a:hover .shop-link,
.no-touch .gnav-shop-card a:hover .profile-link,
.no-touch .gnav-shop-card a:hover .shop-link {
  color: #222;
  border-color: rgba(0, 0, 0, 0.15);
}

.no-touch .gnav-user-card a:hover .edit-shop-link,
.no-touch .gnav-shop-card a:hover .edit-shop-link {
  color: #fff;
  background-color: #ff6905;
}

.gnav-user-card .profile-link .gnav-ss-icon,
.gnav-shop-card .shop-link .gnav-ss-icon {
  font-size: 11px;
  color: #ccc;
  margin-left: 6px;
  vertical-align: middle;
  position: relative;
  top: 1px;
}

.gnav-shop-card .edit-shop-link .gnav-ss-icon {
  font-size: 11px;
  color: #fff;
  margin-left: 6px;
  vertical-align: middle;
  position: relative;
  top: 1px;
}

.no-touch .gnav-user-card a:hover .profile-link .gnav-ss-icon,
.no-touch .gnav-shop-card a:hover .shop-link .gnav-ss-icon {
  color: #666;
}

.gnav-user-card .avatar {
  float: left;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  margin-top: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

.gnav-shop-card .gnav-ss-shop {
  float: left;
  width: 50px;
  height: 50px;
  line-height: 70px;
  font-size: 30px;
  text-align: center;
  color: #999;
  border: 1px solid #e2e2e2;
  background-color: #efefeb;
  border-radius: 3px;
  box-sizing: border-box;
}

.gnav-shop-card .gnav-ss-shop:before {
  position: relative;
  top: -7px;
}

.gnav-header .sub-nav a.giftcard-balance {
  color: #222;
}

.gnav-header .sub-nav a.earn-balance {
  color: #e55400;
}

.no-touch .gnav-header .sub-nav a.giftcard-balance:hover,
.no-touch .gnav-header .sub-nav a.earn-balance:hover {
  background: #fff3ee;
  color: #222;
}

.gnav-header .sub-nav a.giftcard-balance:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 14px;
  background: transparent
    url(/assets/dist/images/sprites/payment-methods.20170615210940.png)
    no-repeat -197px -3px;
  background-size: 230px;
  margin-right: 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {
  .gnav-header .sub-nav a.giftcard-balance:before {
    background-image: url(/assets/dist/images/sprites/payment-methods@2x.20170615210940.png);
  }
}

.gnav-header .sub-nav .giftcard-balance .currency-code {
  font-size: 80%;
}

.sub-nav.cart {
  margin-right: 27px;
}

.gnav-header .gnav-cart.with-pointer:before,
.gnav-header .gnav-cart.with-pointer:after {
  right: 16px;
}

.gnav-cart {
  padding: 15px 20px 18px;
}

.gnav-cart .spinner-large {
  margin: 0 auto;
  display: block;
}

.gnav-cart .empty {
  color: #333;
}

.gnav-cart .btn-primary {
  display: block;
  margin-top: 18px;
}

.cart-items li {
  padding-top: 8px;
  line-height: 18px;
}

.cart-items li:first-child {
  padding: 0;
}

.cart-items a {
  display: block;
  color: #333;
  font-size: 13px;
  text-decoration: none;
}

.cart-items img {
  border-radius: 3px;
  border: 1px solid #ececec;
  background-color: #fff;
  padding: 2px;
  width: 60px;
  height: 48px;
  float: left;
}

.gnav-cart {
  padding: 18px 20px;
  min-height: 75px;
}

.gnav-cart .spinner-large {
  margin: 0 auto;
}

.cart-items li {
  padding-top: 10px;
  line-height: 18px;
}

.cart-items li:first-child {
  padding: 0;
}

.cart-items img {
  border-radius: 3px;
  border: 1px solid #ececec;
  background-color: #fff;
  padding: 2px;
  width: 60px;
  height: 48px;
  float: left;
}

.cart-item-info {
  margin-left: 75px;
}

.cart-item-info a {
  display: block;
  color: #333;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-item-info .cart-item-price {
  color: #7ac142;
  font-size: 12px;
}

.cart-item-info .cart-item-price > span {
  font-size: 90%;
}

.gnav-cart .btn-primary {
  display: block;
  margin-top: 20px;
}

.gnav-header .register-link a,
.gnav-header .sign-in-link a {
  height: auto;
  margin-top: 0px;
  margin-right: 15px;
  display: block;
  float: left;
  padding: 12px;
  line-height: 16px;
  font-size: 14px;
  border: 1px solid;
  text-decoration: none;
  border-radius: 5px;
  box-sizing: border-box;
  /* color: #E55400; */
}

.gnav-header .logged-in-link .menuItem {
  height: auto;
  margin-top: 23px;
  margin-right: 18px;
  display: block;
  float: left;
  padding: 8px;
  line-height: 16px;
  font-size: 14px;
  border-radius: 3px;
  box-sizing: border-box;
}

.gnav-header .logged-in-link .menuItem {
  margin-right: 3px;
  border: 1px solid transparent;
}

.gnav-header .register-link a {
  margin-right: 7px;
  border: 1px solid transparent;
}

.gnav-header .account-nav .sign-in-link a:hover {
  background: rgba(0, 0, 0, 0.02);
}

body.is-global-nav #buyer-invite-credit-notice {
  max-width: 980px;
  margin: 20px auto;
  padding: 0;
  border: #ffe4da;
  background-color: #fff3ee;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

body.is-global-nav #buyer-invite-credit-notice .msg-inner {
  padding: 20px;
}

body.is-global-nav #buyer-invite-credit-notice .msg-inner h2 {
  color: #333;
  font-weight: bold;
  font-size: inherit;
  padding: 0px;
  text-transform: none;
}

.lte-ie8 .gnav-header .search-nav .search-input {
  padding-bottom: 0;
}

.lte-ie7 .gnav-header .text-link {
  display: block;
}

.lte-ie7 .gnav-header .nav-icon {
  display: none;
}

body.mobile.is-global-nav .notice {
  margin: 0px 0px;
}

body.is-global-nav .content-wrap-white {
  margin-top: 0;
}

.is-global-nav.fullwidth-cart #primary {
  border-top: none;
  border-bottom: none;
}

.is-global-nav.fullwidth-cart #checkout {
  border-top: none;
}

body.is-global-nav #new-seller-header {
  margin: 28px 0 18px;
}

body.is-global-nav .new-seller-content h2.category {
  position: static;
  margin-bottom: 8px;
}

body.is-global-nav #new-seller-header {
  z-index: auto;
}

#footer.stacked-footer #copy {
  margin: 0;
}

.header__skip-to-content {
  display: inline-block;
}

.header__skip-to-content.focusable:active,
.header__skip-to-content.focusable:focus {
  float: left;
  margin-top: 23px;
  margin-left: 10px;
  padding: 8px;
  line-height: 16px;
  font-size: 14px;
  text-decoration: none;
  color: #0192b5;
}

.header__mweb-cat-nav {
  display: inline-block;
  background-color: #fff;
}

.header__mweb-cat-nav.focusable:active .header__mweb-cat-nav.focusable:focus {
  margin-top: 12px;
  margin-left: 12px;
  padding: 8px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: #0192b5;
  outline: 1px dotted #f56400;
}

.gnav-header .gnav-search-inner .search-input-wrapper .close:after {
  background-position: 0px 0px;
  font-height: 12px;
}

#gigtodo-logo.gigtodo-logo-svg {
  position: relative;
}

.gnav-header #gigtodo-logo.gigtodo-logo-svg a {
  background: none;
  position: relative;
}

.gigtodo-logo-svg .gigtodo-icon {
  position: absolute;
  color: #f45800;
}

.is-responsive .ui-toolkit .gigtodo-logo-svg-e,
.is-responsive .gigtodo-logo-svg-e {
  top: 4px;
  left: 6px;
  width: 30px;
  height: 30px;
}

.is-responsive .ui-toolkit .gigtodo-logo-svg-e,
.is-responsive .gigtodo-logo-svg-e {
  display: none;
}

.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full {
  display: none;
}

.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-e {
  display: block;
}

@media screen and (min-width: 421px) {
  .is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full {
    display: block;
  }

  .is-responsive .gigtodo-logo-svg-logged-in .mobile {
    display: none;
  }

  .is-responsive .gigtodo-logo-svg-logged-in .mobile-full {
    display: none;
  }
}

.gigtodo-logo-svg-logged-in .text-logo {
  width: 150px;
  margin-top: 20px;
  font-size: 30px;
  position: relative;
  top: 18px;
}

@media screen and (min-width: 901px) {
  .gigtodo-logo-svg-logged-in .desktop {
    margin-top: 2px;
    width: 180px;
    margin-left: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .gigtodo-logo-svg-logged-in .desktop {
    display: none;
  }

  .gigtodo-logo-svg-logged-in .mobile {
    margin-top: 18px;
    margin-left: -9px;
    display: unset !important;
  }

  .gigtodo-logo-svg-logged-in .mobile-full {
    margin-top: 18px;
    margin-left: 20px;
    display: unset !important;
  }
}

.is-responsive.is-signed-in
  .gnav-header
  #gigtodo-logo.gigtodo-logo-svg
  a:before {
  content: "";
}

.is-responsive .gnav-header .has-svg-icons .nav-link {
  padding: 0 9px;
}

.gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
.gnav-header .has-svg-icons .nav-icon.inline-svg svg {
  fill: currentColor;
  width: 23px;
  height: 100%;
  color: #6c6c6c !important;
}

@media screen and (min-width: 981px) {
  .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
  .gnav-header .has-svg-icons .nav-icon.inline-svg svg {
    position: relative;
    top: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
  .gnav-header .has-svg-icons .nav-icon.inline-svg svg {
    position: relative;
    top: 0px !important;
  }
}

.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative {
  position: relative;
}

.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative svg {
  width: 21px;
}

.gnav-header .has-svg-icons .shop-name .icon-navigateright {
  color: #d4d4d4;
  float: right;
  margin-top: 6px;
}

.gnav-header .has-svg-icons ul li span.gigtodo-icon.subnav-icon {
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.gnav-header .has-svg-icons .user-nav {
  position: relative;
}

.gnav-header .has-svg-icons .user-nav .gigtodo-icon-dropdown,
.gnav-header .has-svg-icons .notifications-nav .gigtodo-icon-dropdown {
  color: #bbb;
  display: none;
  height: 5px;
  width: 9px;
}

.sub-nav.user.has-svg-icons .profile-link .gigtodo-icon {
  color: #ccc;
  height: 14px;
  width: 12px;
  margin-left: 8px;
}

.cnav-header .close .gigtodo-icon {
  position: relative;
  top: -1px;
}

.cnav-header .catnav-primary-list-item {
  position: relative;
}

.cnav-header ul li span.gigtodo-icon.subnav-icon {
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 1050px) {
  .is-responsive .gnav-header {
    min-width: 0;
    margin: 0;
  }

  .is-responsive .gnav-header .gnav-header-inner {
    width: auto;
  }

  .is-responsive .gnav-header .browse-nav-inner {
    width: auto;
  }

  .is-responsive .gnav-footer-inner {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .is-responsive .gnav-header .nav-link {
    font-size: 14px;
    padding: 0 12px;
  }

  .logged-in-link .dropdown-menu {
    margin-left: -100px;
  }

  .is-responsive .nav-link .nav-icon {
    float: left;
    top: 50%;
    position: relative;
    margin: -16px 0 0;
  }

  .is-responsive .nav-link .nav-icon:before {
    margin: 9px 0 0;
    height: 20px;
    line-height: 19px;
    float: left;
  }

  .is-responsive .gnav-header .has-sub-nav .nav-link {
    min-width: 28px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    outline: none;
    border: none;
  }

  .is-responsive .nav-link .gnav-ss-dropdown {
    line-height: 19px;
    position: absolute;
    margin: -8px 0 0 0;
    left: 35px;
  }

  .is-responsive .user-nav .nav-link .gnav-ss-dropdown,
  .is-responsive .notifications-nav .nav-link .gnav-ss-dropdown {
    left: 40px;
  }

  .is-responsive .gnav-header .account-nav > li:before {
    content: none;
  }

  .is-responsive .gnav-header .account-nav .count {
    position: absolute;
    top: -10px;
    right: 2px;
    font-size: 10px;
    line-height: 15px;
    padding: 0 3px;
    margin-top: 0;
    min-width: 15px;
  }

  .is-responsive .gnav-header .text-link {
    display: inline;
    clear: none;
    margin-top: 0;
  }

  .is-responsive .gnav-header .text-link .text-link-copy {
    display: none;
  }

  .is-responsive .nav-icon img {
    margin: 4px 0 0;
    top: auto;
  }

  .is-responsive .nav-icon.nav-icon-image:after {
    top: 4px;
  }

  .is-responsive .gnav-header .account-nav .cart {
    margin-left: 10px;
    padding-left: 5px;
  }

  .is-responsive .gnav-header .account-nav .cart a:before {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    top: 20%;
    left: 0;
    bottom: 20%;
    background: #e2e2e2;
    background: rgba(0, 0, 0, 0.1);
  }

  .is-responsive .gnav-header .with-pointer:before,
  .is-responsive .gnav-header .with-pointer:after {
    right: 88px;
  }

  .is-responsive .gnav-header .user .with-pointer:before,
  .is-responsive .gnav-header .user .with-pointer:after {
    right: 86px;
  }

  .is-responsive .sub-nav.cart {
    margin-right: 46px;
  }

  .is-responsive .gnav-header .gnav-cart.with-pointer:before,
  .is-responsive .gnav-header .gnav-cart.with-pointer:after {
    right: 31px;
  }

  .is-responsive .gnav-header .register-link a,
  .is-responsive .gnav-header .sign-in-link a {
    margin-right: 0px;
  }

  .is-responsive .gnav-header .register-link a,
  .is-responsive .gnav-header .sign-in-link a,
  .is-responsive .gnav-header .logged-in-link .menuItem {
    height: auto;
    padding: 8px;
  }
}

@media screen and (max-width: 1024px) {
  .is-responsive .apply-nav-height,
  .is-responsive .apply-nav-height > li > .nav-link,
  .is-responsive .apply-nav-height > li > a,
  .is-responsive .apply-nav-height.gnav-header-inner {
    height: 48px;
  }

  .mobile-catnav-trigger.tablet-catnav-enabled.left {
    right: 33px;
  }

  .is-responsive .apply-nav-height.search-mobile,
  .is-responsive .apply-nav-height > li > .nav-link.search-mobile,
  .is-responsive .apply-nav-height > li > a.search-mobile,
  .is-responsive .apply-nav-height.gnav-header-inner.search-mobile {
    height: 66px;
  }

  .is-responsive .gnav-header .gnav-header-inner {
    position: static;
    padding: 0;
  }

  .is-responsive .gnav-header .register-link a,
  .is-responsive .gnav-header .sign-in-link a,
  .is-responsive .gnav-header .logged-in-link .menuItem {
    line-height: 15px;
    /* margin-top: 50px; */
  }

  .is-responsive .gnav-header .logged-in-link .menuItem.user {
    margin-top: 8px !important;
  }

  .is-responsive .gnav-header .logged-in-link .menuItem .name {
    display: none;
  }

  .is-responsive .gnav-header #gigtodo-logo {
    width: 20px;
    /* margin: 0 18px; */
    margin-right: 0px;
  }

  .is-responsive .search-browse-wrapper {
    display: block;
    clear: left;
    top: 60px;
    margin: 0;
    /* border-top: 1px solid #e2e2e2; */
    position: relative;
    top: 0;
    z-index: 5;
  }

  .is-responsive .search-browse-wrapper.hide {
    display: none;
  }

  .is-responsive .search-browse-wrapper.show {
    display: block;
  }

  .is-responsive .search-browse-wrapper:after {
    content: " ";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }

  .is-responsive .gnav-header .search-browse-inner {
    position: relative;
  }

  .is-responsive .gnav-header .search-browse-inner:before,
  .is-responsive .gnav-header .search-browse-inner:after {
    right: auto;
    left: 70px;
    display: block;
  }

  .is-responsive .gnav-header .search-browse-nav.nav-link {
    display: block;
    padding: 0 5px;
  }

  .is-responsive .gnav-header .search-browse-nav.nav-link.hide {
    display: none;
  }

  .is-responsive .gnav-header .search-nav {
    width: 45%;
  }

  .is-responsive .gnav-header .browse-nav {
    position: static;
    display: block;
    float: right;
    width: 40%;
    /* margin-top: 13px; */
    height: auto;
    border: 0 none;
  }

  .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger {
    text-align: center;
    color: #0192b5;
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 0;
    text-decoration: none;
    text-align: left;
  }

  .is-responsive .browse-dropdown-trigger .browse-copy {
    position: relative;
    display: block;
  }

  .is-responsive .browse-dropdown-trigger .browse-copy.short {
    display: none;
  }

  .is-responsive .browse-dropdown-trigger .browse-copy:after {
    position: absolute;
    left: auto;
    right: -3px;
    top: 6px;
  }

  .is-responsive .gnav-header .browse-nav-inner {
    top: 61px;
  }

  .is-responsive .gnav-header .browse-nav li.additional-slices {
    display: block;
  }

  .is-responsive .gnav-header .browse-nav-inner a {
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    width: auto;
    text-decoration: none;
    white-space: normal;
  }

  .is-responsive.no-touch .gnav-header .browse-nav-inner a:hover,
  .is-responsive.no-touch .gnav-header .browse-nav-inner a:active,
  .is-responsive.is-touch .gnav-header .browse-nav-inner a.active {
    color: #0192b5;
    background: #e5f4f7;
  }

  .is-responsive .gnav-header .sub-nav {
    top: 1px;
  }

  .is-responsive .gnav-header .account-nav {
    position: absolute;
    top: -19px;
    right: 0;
  }

  .gnav-header
    .search-browse-wrapper
    + .header__skip-to-content.focusable:active,
  .gnav-header
    .search-browse-wrapper
    + .header__skip-to-content.focusable:focus {
    margin-top: 0px;
    margin-bottom: 12px;
  }

  .gnav-header
    .search-browse-wrapper.hide
    + .header__skip-to-content.focusable:active,
  .gnav-header
    .search-browse-wrapper.hide
    + .header__skip-to-content.focusable:focus {
    margin-top: 13px;
  }
}

@media screen and (max-width: 852px) {
  .is-responsive .footer-column,
  .is-responsive .footer-column.wide {
    width: 33.3%;
  }

  .is-responsive .column-section,
  .is-responsive .footer-column.wide .column-section {
    width: 100%;
  }

  .is-responsive .gnav-footer ul {
    padding-bottom: 10px;
  }

  .is-responsive .gnav-footer ul.tou {
    padding-bottom: 28px;
  }
}

@media screen and (max-width: 560px) {
  .is-responsive .gnav-footer-inner {
    width: auto;
    padding-top: 10px;
  }

  .is-responsive .footer-content {
    padding: 0;
    width: auto;
    border: 1px solid #e2e2e2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }

  .is-responsive .footer-column,
  .is-responsive .footer-column.wide {
    width: 100%;
  }

  .is-responsive .column-section,
  .is-responsive .footer-column.wide .column-section {
    width: 100%;
    padding: 0;
  }

  .is-responsive .email_sign_up_content .sub-spin {
    display: block;
    margin: 10px auto 0;
  }

  .is-responsive .hidden-on-collapse {
    display: none;
  }

  .is-responsive .sell-on-gigtodo-mobile {
    display: block;
  }

  .is-responsive .sell-on-gigtodo-mobile a.open-shop-link-new {
    display: block;
    width: auto;
  }

  .is-responsive .gnav-footer .column-section ul {
    padding: 0;
    border-top: 1px solid #e2e2e2;
  }

  .is-responsive .gnav-footer .column-section ul.show {
    background-color: #fff;
  }

  .is-responsive .gnav-footer .column-section ul.first-on-mobile.show {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }

  .is-responsive .gnav-footer .footer-column ul.first-on-mobile {
    border: 0;
  }

  .is-responsive .gnav-footer .column-section ul.section-sell-on-gigtodo {
    display: none;
  }

  .is-responsive .gnav-footer .column-section ul li {
    display: none;
  }

  .is-responsive .gnav-footer .column-section ul.show li {
    display: block;
    border-top: 1px solid #eee;
  }

  .is-responsive .gnav-footer .column-section ul li.footer-link-trigger,
  .is-responsive .gnav-footer .column-section ul.show li.footer-link-trigger {
    display: block;
    padding-right: 30px;
    border-top: 0 none;
  }

  .is-responsive .gnav-footer .column-section ul li.footer-link-trigger:after {
    font-family: "SSEtsy";
    content: "";
    font-size: 14px;
    color: #ccc;
    position: absolute;
    top: 13px;
    right: 10px;
    margin: 0 1px;
  }

  .is-responsive
    .gnav-footer
    .column-section
    ul.show
    li.footer-link-trigger:after {
    content: "";
  }

  .is-responsive .gnav-footer .column-section ul li h4,
  .is-responsive .gnav-footer .column-section ul li a {
    font-weight: bold;
    padding: 10px;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
  }

  .is-responsive .gnav-footer .column-section h4 .gnav-ss-icon {
    display: block;
  }

  .is-responsive .locale-help {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .is-responsive .gnav-footer ul.locale-settings {
    border: 0 none;
    float: none;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .is-responsive .gnav-footer ul.locale-settings li {
    display: table-cell;
    float: none;
  }

  .is-responsive .gnav-footer ul.locale-settings li a {
    text-align: center;
    float: none;
  }

  .is-responsive .gnav-footer .locale-settings li .gnav-ss-globe {
    top: 4px;
    margin: 0 3px 0 0;
    line-height: 13px;
    float: none;
  }

  .is-responsive .gnav-footer a.help-link,
  .is-responsive .gnav-footer a.help-link-primary {
    display: block;
    margin-top: 10px;
    width: auto;
    margin-left: 0px;
  }

  .is-responsive .gnav-footer ul.tou {
    padding: 0 0 10px;
  }

  .is-responsive.mobile .gnav-footer ul.tou li.switch-to-desktop {
    clear: left;
    float: none;
    display: block;
    border-top: 1px solid #e2e2e2;
    padding-top: 10px;
    margin-top: 10px;
  }

  .is-responsive .register-sign-in {
    display: block;
  }

  .gnav-footer .footer-row #copy {
    display: block;
  }

  .gnav-user-card .name,
  .gnav-shop-card .name {
    font-weight: bold;
  }
}

@media screen and (max-width: 420px) {
  .gigtodo-logo-svg-logged-in .mobile {
    margin-top: -4px;
    margin-left: -9px;
    display: unset !important;
  }

  .gnav-header #mobilemenu {
    /* padding-top: 14px; */
  }

  .gigtodo-logo-svg-logged-in .mobile-full {
    margin-top: 0px;
    margin-left: 25px;
    display: unset !important;
  }

  .is-responsive .gnav-header .loggedInLogo {
    /* margin: 0px !important; */
    /* margin-right: 2px !important; */
    /* width: 8px !important; */
    cursor: pointer;
  }

  .gnav-header #gigtodo-logo {
    /* margin-right: 5px !important; */
    cursor: pointer;
  }

  .gnav-header #gigtodo-logo a {
    background: none;
    text-indent: 0;
    line-height: 46px;
    font-size: 20px;
    color: #fff;
  }

  .is-responsive .signup-message h3 {
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 10px;
  }

  .is-responsive.is-signed-in .gnav-header #gigtodo-logo a:before {
    font-family: "SSEtsy";
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #f45800;
  }

  .is-responsive .apply-nav-height,
  .is-responsive .apply-nav-height > li > .nav-link,
  .is-responsive .apply-nav-height > li > a,
  .is-responsive .apply-nav-height.gnav-header-inner {
    height: 48px;
  }

  .is-responsive .gnav-header .account-nav .register-link a,
  .is-responsive .gnav-header .account-nav .sign-in-link a,
  .is-responsive .gnav-header .account-nav .logged-in-link .menuItem {
    /* margin-top: 5px; */
    height: auto;
  }

  .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.user {
    margin-top: 1px;
  }

  .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart {
    display: none !important;
  }

  .is-responsive .gnav-header #gigtodo-logo a {
    /* margin-top: 5px; */
  }

  .is-responsive .gnav-header .account-nav .cart {
    margin-left: 0;
    padding-left: 0;
  }

  .is-responsive .gnav-header .account-nav .cart a:before {
    display: none;
  }

  .is-responsive .gnav-header .account-nav .count {
    position: absolute;
    top: 9px;
    right: 23px;
    font-size: 10px;
    line-height: 15px;
    padding: 0 3px;
    margin-top: 0;
    min-width: 15px;
  }

  .is-responsive .gnav-header .account-nav .count.count-smaller {
    line-height: 11px;
    min-width: 11px;
  }

  .is-responsive .gnav-header .nav-link {
    padding: 0 10px;
  }

  .is-responsive .gnav-header .shop-nav .nav-link,
  .is-responsive .gnav-header .user-nav .nav-link,
  .is-responsive .gnav-header .notifications-nav .nav-link,
  .is-responsive .gnav-header .has-sub-nav.cart .nav-link {
    min-width: 0;
  }

  .is-responsive .nav-link .gnav-ss-dropdown {
    display: none;
  }

  .is-responsive .gnav-header .sub-nav,
  .is-responsive .gnav-header .sub-nav.user,
  .is-responsive .gnav-header .sub-nav.notification,
  .is-responsive .gnav-header .sub-nav.notification.non-responsive-width-320px,
  .is-responsive .gnav-header .sub-nav.shop,
  .is-responsive .gnav-header .sub-nav.cart {
    right: auto;
    left: auto;
    top: auto;
    position: relative;
    border-radius: 0;
    width: auto;
    max-width: none;
    box-shadow: none;
    border: 0 none;
    border-top: 1px solid #e2e2e2;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .is-responsive .gnav-header .sub-nav.cart {
    margin-right: 0;
  }

  .is-responsive .gnav-header .sub-nav:before {
    display: none;
  }

  .is-responsive .gnav-header .with-pointer:before,
  .is-responsive .gnav-header .with-pointer:after {
    top: -7px;
    right: 97px;
    border-width: 7px;
  }

  .is-responsive
    .gnav-header
    .notifications-three-icons-right
    .with-pointer:before,
  .is-responsive
    .gnav-header
    .notifications-three-icons-right
    .with-pointer:after {
    right: 136px;
  }

  .is-responsive .gnav-header .user .with-pointer:before,
  .is-responsive .gnav-header .user .with-pointer:after {
    right: 55px;
  }

  .is-responsive .gnav-header .sub-nav .gnav-user-card:after,
  .is-responsive .gnav-header .sub-nav .notifications-container:after,
  .is-responsive .gnav-header .sub-nav .gnav-shop-card:after,
  .is-responsive .gnav-header .search-browse-inner:after,
  .is-responsive .gnav-header .browse-nav-inner:after {
    top: -6px;
    border-bottom: 7px solid #fff;
    z-index: 1;
  }

  .is-responsive .gnav-header .sub-nav .subnav-text-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .is-responsive .gnav-header .search-nav {
    width: 100%;
    height: 45px;
  }

  .is-responsive .gnav-header .gnav-search-inner {
    position: relative;
    top: 0;
    margin-top: 11px;
    margin-bottom: 10px;
  }

  .is-responsive.is-signed-in .gnav-header .search-browse-inner:before,
  .is-responsive.is-signed-in .gnav-header .search-browse-inner:after {
    left: 36px;
  }

  .is-responsive .gnav-header .browse-nav {
    width: 100%;
    border-left: 0;
    padding-left: 0;
    margin-bottom: 10px;
  }

  .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger {
    text-align: left;
    height: auto;
    display: block;
  }

  .is-responsive
    .gnav-header
    .browse-nav
    .browse-dropdown-trigger.show
    .inner-cell {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #eee;
  }

  .is-responsive.no-touch
    .gnav-header
    .browse-nav
    .browse-dropdown-trigger:hover
    .inner-cell,
  .is-responsive.no-touch
    .gnav-header
    .browse-nav
    .browse-dropdown-trigger:active
    .inner-cell {
    border-color: #c0c0c0;
  }

  .is-responsive .browse-dropdown-trigger .browse-copy {
    white-space: nowrap;
  }

  .is-responsive .gnav-header .browse-nav-inner {
    position: static;
    max-width: none;
    width: auto;
    box-shadow: none;
    padding-top: 6px;
    padding-bottom: 6px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e5e5e5;
    border-top: 0 none;
  }

  .is-responsive .gnav-header .browse-nav-inner li {
    display: block;
  }

  .is-responsive .gnav-header .browse-nav-inner:before,
  .is-responsive .gnav-header .browse-nav-inner:after {
    content: none;
    display: none;
  }

  .is-responsive .gnav-header .browse-nav-inner a {
    margin: 0;
    padding: 6px 8px;
    font-size: 13px;
  }

  .is-responsive .header__skip-to-content.screen-reader-only.focusable:focus {
    display: block;
    position: relative;
    margin: 5px;
    clear: both;
  }
}

@media screen and (orientation: portrait) {
  .is-responsive .gnav-header .sub-nav {
    max-width: 280px;
  }

  .is-responsive .gnav-header .sub-nav.non-responsive-width-320px {
    max-width: 320px;
  }
}

/* .global-nav.global-nav {
  -webkit-font-smoothing: subpixel-antialiased;
} */

.global-nav.global-nav .icon-gigtodologo {
  width: 80px;
  height: inherit;
}

.global-nav.global-nav .icon-etsye {
  width: 32px;
  height: inherit;
}

.global-nav.global-nav .global-nav-height {
  height: 60px;
}

@media only screen and (min-width: 900px) {
  .global-nav.global-nav .global-nav-height {
    height: 80px;
  }
}

.global-nav.global-nav .position-top-negative-8px {
  top: -8px;
}

.global-nav.global-nav .position-right-negative-8px {
  right: -8px;
}

/* .global-nav.global-nav .global-nav-icon-hoverstate {
  -webkit-transition: opacity ease 0.2s;
  -moz-transition: opacity ease 0.2s;
  -o-transition: opacity ease 0.2s;
  -ms-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
} */

.global-nav.global-nav .global-nav-icon-hoverstate:hover {
  text-decoration: none;
  opacity: 0.6;
}

@media only screen and (min-width: 640px) {
  .global-nav-menu {
    position: absolute;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    top: 70px;
  }
}

.global-nav-menu .list-nav-item {
  border-radius: 0px;
}

.global-nav-menu .list-nav-item:hover {
  color: #0192b5;
}

.global-nav-menu.with-pointer:before,
.global-nav-menu.with-pointer:after {
  content: " ";
  display: block;
  position: absolute;
  top: -10px;
  right: 72px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d8d8d8;
  cursor: pointer;
}

.global-nav-menu.with-pointer:after {
  top: -9px;
  border-bottom: 10px solid #fff;
  z-index: 1;
}

@media only screen and (min-width: 640px) {
  .global-nav-menu-shop {
    max-width: 450px;
    right: 88px;
  }
}

@media only screen and (min-width: 640px) {
  .global-nav-menu-user {
    max-width: 280px;
    right: 14px;
  }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  body[data-language="fr"] .gnav-header .register-link,
  body[data-language="ru"] .gnav-header .register-link,
  body[data-language="de"] .gnav-header .register-link,
  body.fr .gnav-header .register-link,
  body.ru .gnav-header .register-link,
  body.de .gnav-header .register-link {
    display: none;
  }
}

#mobile-catnav-overlay.display-none {
  display: none;
}

.mobile-catnav-wrapper .mobile-cat-nav {
}

.mobile-catnav-wrapper .mobile-cat-nav .overlay-back,
.mobile-catnav-wrapper .mobile-cat-nav .overlay-close {
  color: #595959;
}

.mobile-catnav-wrapper .mobile-cat-nav .mobile-catnav-margin {
  margin-bottom: 120px;
}

.mobile-catnav-wrapper
  .mobile-cat-nav
  .a11y-focus-only
  a:focus:not(.focus-ring) {
  outline: none;
  text-decoration: none;
}

.mobile-catnav-wrapper
  .mobile-cat-nav
  .a11y-focus-only
  a:focus:not(.focus-ring)
  .child-hover-underline {
  text-decoration: none;
}

.catnav-browse-btn {
  margin-left: 5px !important;
}

#gigtodo-modal-container .mobile-catnav-overlay-mask {
  z-index: 9998;
}

@media only screen and (min-width: 0) and (max-width: 479px) {
  .catnav-browse-btn {
    display: none !important;
  }

  .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart {
    display: none !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .catnav-search-anchor {
    display: none !important;
  }

  .catnav-search-bar {
    display: block;
  }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  .mobile-cat-nav-ep-wrapper {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }

  .mobile-cat-nav-ep-image {
    min-height: 80px;
  }
}

@media only screen and (min-width: 0) and (max-width: 1024px) {
  body.is-responsive:not(.wide-extended) #gnav-search.search-nav {
    width: 100%;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  .mobile-catnav-trigger.tablet-catnav-enabled {
    display: flex !important;
  }
}

@media (max-width: 639.8px) {
  .mobile-catnav-trigger {
    display: flex !important;
  }

  .style-display-flex {
    padding-left: 12px;
  }
}

@media only screen and (min-width: 640px) {
  .mobile-cat-nav {
    min-width: 320px;
    max-width: 40%;
  }
}

button.show-discount,
#conversation-overlay.overlay .btn-link,
button.text-orange.text-orange,
a.text-orange.text-orange,
.max-height-text-container.max-height-text-container button,
.reviews-container.reviews-container button.unstyled-button,
.ds-reduced-colors .ui-toolkit a:not(.btn),
.purchases .order-details-header a,
.purchases-header .msg a,
#newempty a,
.listing-page-favorites-link,
#fineprint a,
.similar-items-sash-wrapper a,
.description-and-overview a,
.section-help a,
.card-available-notice a .chunk-edit-link,
.primary .summary a,
.ui-toolkit .dashboard-home .stats-panel-body a,
.row-author p a,
.order-summary .cancellation-link a,
.card-available-notice a,
.similar-target-heading a {
  color: #222 !important;
  text-decoration: underline !important;
}

button.show-discount:hover,
button.show-discount:focus,
button.show-discount:active,
#conversation-overlay.overlay .btn-link:hover,
#conversation-overlay.overlay .btn-link:focus,
#conversation-overlay.overlay .btn-link:active,
button.text-orange.text-orange:hover,
button.text-orange.text-orange:focus,
button.text-orange.text-orange:active,
a.text-orange.text-orange:hover,
a.text-orange.text-orange:focus,
a.text-orange.text-orange:active,
.max-height-text-container.max-height-text-container button:hover,
.max-height-text-container.max-height-text-container button:focus,
.max-height-text-container.max-height-text-container button:active,
.reviews-container.reviews-container button.unstyled-button:hover,
.reviews-container.reviews-container button.unstyled-button:focus,
.reviews-container.reviews-container button.unstyled-button:active,
.ds-reduced-colors .ui-toolkit a:not(.btn):hover,
.ds-reduced-colors .ui-toolkit a:not(.btn):focus,
.ds-reduced-colors .ui-toolkit a:not(.btn):active,
.purchases .order-details-header a:hover,
.purchases .order-details-header a:focus,
.purchases .order-details-header a:active,
.purchases-header .msg a:hover,
.purchases-header .msg a:focus,
.purchases-header .msg a:active,
#newempty a:hover,
#newempty a:focus,
#newempty a:active,
.listing-page-favorites-link:hover,
.listing-page-favorites-link:focus,
.listing-page-favorites-link:active,
#fineprint a:hover,
#fineprint a:focus,
#fineprint a:active,
.similar-items-sash-wrapper a:hover,
.similar-items-sash-wrapper a:focus,
.similar-items-sash-wrapper a:active,
.description-and-overview a:hover,
.description-and-overview a:focus,
.description-and-overview a:active,
.section-help a:hover,
.section-help a:focus,
.section-help a:active,
.card-available-notice a .chunk-edit-link:hover,
.card-available-notice a .chunk-edit-link:focus,
.card-available-notice a .chunk-edit-link:active,
.primary .summary a:hover,
.primary .summary a:focus,
.primary .summary a:active,
.ui-toolkit .dashboard-home .stats-panel-body a:hover,
.ui-toolkit .dashboard-home .stats-panel-body a:focus,
.ui-toolkit .dashboard-home .stats-panel-body a:active,
.row-author p a:hover,
.row-author p a:focus,
.row-author p a:active,
.order-summary .cancellation-link a:hover,
.order-summary .cancellation-link a:focus,
.order-summary .cancellation-link a:active,
.card-available-notice a:hover,
.card-available-notice a:focus,
.card-available-notice a:active,
.similar-target-heading a:hover,
.similar-target-heading a:focus,
.similar-target-heading a:active {
  color: #595959 !important;
  cursor: pointer !important;
}

.ui-toolkit .popover-trigger {
  color: #222 !important;
}

.ui-toolkit .popover-trigger:hover,
.ui-toolkit .popover-trigger:focus,
.ui-toolkit .popover-trigger:active {
  color: #595959 !important;
}

.pla-listing .more-similar-listings-wrapper .btn-link {
  color: #222;
}

#listing-body a:not(.btn) {
  color: #000;
  text-decoration: underline;
}

#listing-body a:not(.btn):hover,
#listing-body a:not(.btn):focus,
#listing-body a:not(.btn):active {
  color: #595959;
  cursor: pointer;
}

.apply-nav-height .sell-on-gigtodo-link a,
.gnav-header .register-link a {
  /*   */
  text-decoration: none !important;
}

.apply-nav-height .sell-on-gigtodo-link a:hover,
.gnav-header .register-link a:hover {
  color: #595959 !important;
  text-decoration: underline !important;
}

/*.sign-in-link a:hover {
    color: #222 !important;
}
*/

.cat-nav a:not(:hover):not(:focus):not(:active),
.vesta-hero a:not(:hover):not(:focus):not(:active),
.ui-toolkit .v2-listing-card a:not(:hover):not(:focus):not(:active),
.ui-toolkit a.card:not(:hover):not(:focus):not(:active),
.nav-item a:not(:hover):not(:focus):not(:active),
.top-nav-item a:not(:hover):not(:focus):not(:active),
.ui-toolkit .text-title a:not(:hover):not(:focus):not(:active),
.ui-toolkit a.listing-title:not(:hover):not(:focus):not(:active),
.shop-name.shop-name a:not(:hover):not(:focus):not(:active),
.text-headline-smaller a:not(:hover):not(:focus):not(:active),
.shop-faq-accordion:not(:hover):not(:focus):not(:active),
.text-decoration-none:not(:hover):not(:focus):not(:active),
.avatar a:not(:hover):not(:focus):not(:active),
footer a:not(:hover):not(:focus):not(:active),
.account-nav a:not(:hover):not(:focus):not(:active),
.ui-toolkit .list-nav a:not(:hover):not(:focus):not(:active),
.ui-toolkit a.radio-label:not(:hover):not(:focus):not(:active),
.ui-toolkit a.checkbox-label:not(:hover):not(:focus):not(:active),
.ui-toolkit .text-link-secondary:not(:hover):not(:focus):not(:active),
.card a:not(:hover):not(:focus):not(:active),
a.card:not(:hover):not(:focus):not(:active),
.shop-owner a:not(:hover):not(:focus):not(:active),
.shop-info a:not(:hover):not(:focus):not(:active),
.convo-excerpt a:not(:hover):not(:focus):not(:active),
a.list-nav-item:not(:hover):not(:focus):not(:active),
.shop-details a:not(:hover):not(:focus):not(:active),
.shop-header-name:not(:hover):not(:focus):not(:active),
.reviews-link:not(:hover):not(:focus):not(:active),
.subcategory-text a:not(:hover):not(:focus):not(:active),
#search-filter-reset-form a:not(:hover):not(:focus):not(:active),
.ui-toolkit
  .dashboard-home
  .stats-panel-body
  a:not(:hover):not(:focus):not(:active),
.ui-toolkit
  .dashboard-home
  .manage-panel-body
  a:not(:hover):not(:focus):not(:active),
.sticky-navigation .sticky-navigation-link:not(:hover):not(:focus):not(:active),
.press-link a:not(:hover):not(:focus):not(:active),
.collections-header a:not(:hover):not(:focus):not(:active),
a.pill:not(:hover):not(:focus):not(:active),
#forums-title a:not(:hover):not(:focus):not(:active),
#forums-nav a:not(:hover):not(:focus):not(:active),
#main-content #groups a:not(:hover):not(:focus):not(:active),
#main-content #section .thread a:not(:hover):not(:focus):not(:active),
#sidebar-links li a:not(:hover):not(:focus):not(:active),
#announcements a:not(:hover):not(:focus):not(:active),
.sub-page-title a:not(:hover):not(:focus):not(:active),
.post-details .meta-info .create_date:not(:hover):not(:focus):not(:active),
.single-thread .flag a:link:not(:hover):not(:focus):not(:active),
.order-details-body-transactions
  .transaction-title
  a:not(:hover):not(:focus):not(:active),
.ui-toolkit .alert .alert-close:not(:hover):not(:focus):not(:active),
.tt-hover-t:not(:hover):not(:focus):not(:active),
.secondary-tabs li a:not(:hover):not(:focus):not(:active),
a.close.ss-delete:not(:hover):not(:focus):not(:active),
.forum
  .threads
  .summary
  .title-and-author
  a:not(:hover):not(:focus):not(:active),
.forum .threads .summary .latest-post a:not(:hover):not(:focus):not(:active),
.members .member-card a:not(:hover):not(:focus):not(:active),
.title-and-author .title a:not(:hover):not(:focus):not(:active),
.title-and-author .author a:not(:hover):not(:focus):not(:active),
.forum .threads .time a:not(:hover):not(:focus):not(:active),
.forum .threads .author a:not(:hover):not(:focus):not(:active),
.group-listing-info h3 a:not(:hover):not(:focus):not(:active),
.group-listing-recent-members p a:not(:hover):not(:focus):not(:active),
.btn-image-manager:not(:hover):not(:focus):not(:active) {
  text-decoration: none !important;
}

.subnav-text-link:hover,
.account-nav a:hover,
.ui-toolkit .list-nav a:hover,
.ui-toolkit .v2-listing-card a:hover,
.card a:hover,
a.card:hover,
.nav-item a:hover,
a.list-nav-item:hover,
a.pill:hover,
.page-header .toggle-tabs a:hover,
.tt-hover-t:hover,
a.close.ss-delete:hover {
  text-decoration: none !important;
}

.order-details-footer {
  text-decoration: none !important;
}

.v2-listing-card a {
  color: #222 !important;
}

.ui-toolkit .default-button:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.inc-main a {
  text-decoration: none !important;
}

.inc-main a:hover {
  color: inherit !important;
}

.header-sticky__nav a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

.inc-main .careers-departments-list__link:hover,
.inc-main .careers-departments-list__link:focus {
  color: #595959 !important;
}

.ui-toolkit a.text-white,
.ui-toolkit a.text-white:hover {
  color: #fff !important;
}

.ui-toolkit .parent-hover-underline,
.ui-toolkit .parent-hover-underline a {
  text-decoration: none !important;
}

.ui-toolkit .parent-hover-underline:hover .child-hover-underline {
  text-decoration: underline !important;
}

.ui-toolkit .text-link-secondary {
  color: #222 !important;
}

.ui-toolkit a.text-link-underline:not(:hover):not(:focus):not(:active) {
  text-decoration: underline !important;
}

.ui-toolkit .btn-primary.btn-primary,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary {
  background-color: #2ca35b;
}

.ui-toolkit .btn-primary.btn-primary:active,
.ui-toolkit .btn-primary.btn-primary:hover,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:active,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:hover {
  background-color: #ef1132;
}

.ui-toolkit .btn-primary.btn-primary:disabled,
.ui-toolkit .btn-primary.btn-primary.is-disabled,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:disabled,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary.is-disabled {
  background-color: #bbbbbb;
}

.ui-toolkit .btn-outline-orange.btn-outline-orange {
  border-color: #222;
  color: #222;
}

.ui-toolkit .btn-outline-orange.btn-outline-orange:hover,
.ui-toolkit .btn-outline-orange.btn-outline-orange:focus {
  background-color: #222;
  color: #fff;
}

/* .gnav-header .sign-in-link a {
    color: #222 !important;
} */

a:hover {
  /* background: #fff; */
  /* border: 1px solid #28a745; */
  /* color: #28a745; */
}

.ui-toolkit .default-button.default-button.default-button__orange-outline {
  color: #222;
  border-color: #222;
}

.ui-toolkit
  .default-button.default-button.default-button__orange-outline:hover {
  background: #222;
  border-color: #222;
}

.ui-toolkit .close-button.close-button:hover .close-button__circle,
.ui-toolkit .close-button.close-button:focus .close-button__circle {
  fill: #222;
  stroke: #222;
}

.ui-toolkit .default-button.default-button.default-button__orange {
  background-color: #222;
  border-color: #222;
}

.ui-toolkit .default-button.default-button.default-button__orange:hover,
.ui-toolkit .default-button.default-button.default-button__orange:focus {
  background-color: #3c3c3c;
  border-color: #3c3c3c;
}

.ui-toolkit .default-button.default-button.default-button__back:hover,
.ui-toolkit .default-button.default-button.default-button__back:focus {
  background-color: #222;
  border-color: #222;
}

.assets .button-overlay a.asset-button,
#teams-page-panel .btn-primary,
#create-group-button.btn-primary,
#listings-header .btn-primary,
.forums #right .btn-primary,
#new-post-form .btn-primary,
.team-member-search-wrapper .btn-primary,
#group-head .btn-primary,
.invite-members-footer .btn-primary,
.new-topic .btn-primary,
.team-forum .search-bar .button-medium,
.order-actions .action-buttons .btn-secondary:first-child {
  background-color: #222 !important;
  text-decoration: none;
}

.assets .button-overlay a.asset-button:hover,
.assets .button-overlay a.asset-button:focus,
#teams-page-panel .btn-primary:hover,
#teams-page-panel .btn-primary:focus,
#create-group-button.btn-primary:hover,
#create-group-button.btn-primary:focus,
#listings-header .btn-primary:hover,
#listings-header .btn-primary:focus,
.forums #right .btn-primary:hover,
.forums #right .btn-primary:focus,
#new-post-form .btn-primary:hover,
#new-post-form .btn-primary:focus,
.team-member-search-wrapper .btn-primary:hover,
.team-member-search-wrapper .btn-primary:focus,
#group-head .btn-primary:hover,
#group-head .btn-primary:focus,
.invite-members-footer .btn-primary:hover,
.invite-members-footer .btn-primary:focus,
.new-topic .btn-primary:hover,
.new-topic .btn-primary:focus,
.team-forum .search-bar .button-medium:hover,
.team-forum .search-bar .button-medium:focus,
.order-actions .action-buttons .btn-secondary:first-child:hover,
.order-actions .action-buttons .btn-secondary:first-child:focus {
  background-color: #3c3c3c !important;
  color: #fff;
  text-decoration: none;
}

.btn-secondary.log-event.download-button {
  color: #fff !important;
}

.gnav-header .sub-nav a .count,
.gnav-header .sub-nav a:hover .count,
.gnav-header .account-nav .cart .count,
.gnav-header .account-nav .cart:hover .count,
.gnav-header .account-nav .count,
.ds-reduced-colors .gnav-header .account-nav .count,
.ds-reduced-colors .gnav-header .account-nav .cart .count,
.badge-orange.badge-orange,
.ui-toolkit .badge-orange.badge-orange,
.ui-toolkit .badge.badge-primary {
  background-color: #28a745 !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 100px !important;
}

.gigtodo-icon.hamburger-icon.nav-icon {
  cursor: pointer;
  border: 1px solid lightgray;
}

.up-arrow::before {
  position: absolute;
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  top: 0;
  margin-top: -3.5px;
  background-color: #fff;
  box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
  border-radius: 1px;
  left: 50%;
  margin-left: -3.5px;
  transform: rotate(45deg) translateX(-0.5px) translateY(-0.5px);
}

.top-header {
  max-height: 40px;
  background: #00cedc;
}

.middle {
  min-height: 50px;
  width: 100%;
  position: relative;
}

.middle > div {
  min-height: 50px;
}

.middle::before,
.middle::after {
  content: "";
  position: absolute;
  top: 0;
  transform-origin: top left;
  display: inline-block;
  min-height: 50px;
  width: 30px;
  background: #00cedc;
}

.middle::before {
  transform: skewX(-30deg);
  left: 0;
}

.middle::after {
  transform: skewX(30deg);
  right: 0;
}

/* .header-logo {
    bottom: -40px;
} */

/* .catnav-search-bar {
    clip-path: polygon(0 0, 95% 0, 90% 90%, 5% 100%);
    background: white;
    position: relative;
    top: 30px;
    padding: 10px 20px;
    width: 100%;
}

.form-control-header {
    max-width: calc(100% - 60px);
}

.search-browse-inner {
    max-width: calc(100% - 60px);
    margin-left: 15px;
    margin-right: auto;
} */

.search__shadow:before {
  display: block;
  content: "";
  width: 100%;
  height: 60px;
  position: relative;
  top: 100%;
  box-shadow: 0 -1px 4px rgb(0 0 0 / 12%), 0 -1px rgb(0 0 0 / 2%);
  border-radius: 120px/10px;
}

.search__shadow {
  position: absolute;
  bottom: 100%;
  height: 10px;
  width: calc(100% - 20px);
  overflow: hidden;
  left: 10px;
}

.form-control-header > input:focus {
  box-shadow: none;
}

.gnav-header {
  /* filter: drop-shadow(0px 1px 0px #00cedc); */
}

@media (min-width: 1024px) {
  .gnav-header .account-nav > li {
    margin: 10px 0 0;
  }

  .serach {
    top: 0px;
    min-height: 50px;
    position: relative;
  }

  .serach::before,
  .serach::after {
    content: "";
    position: absolute;
    top: 0;
    transform-origin: top left;
    display: inline-block;
    min-height: 50px;
    width: 30px;
    background: #fff;
  }

  .serach::before {
    transform: skewX(30deg);
    left: 0;
  }

  .serach::after {
    transform: skewX(-30deg);
    right: 0;
  }

  .serach > div {
    width: calc(100% - 75px);
    min-height: 50px;
  }

  .form-control-header {
    position: relative;
  }

  .form-control-header::before,
  .form-control-header::after {
    content: "";
    position: absolute;
    top: 10px;
    transform-origin: top left;
    display: inline-block;
    min-height: 35px;
    width: 1px;
    background: #ddd;
  }

  .form-control-header::before {
    transform: skewX(30deg);
    left: 0;
  }

  .form-control-header::after {
    transform: skewX(-30deg);
    right: 0;
  }

  .form-control-header:hover {
    background-color: yellow;
  }
}

@media (max-width: 1024px) {
  .top-header {
    max-height: 25px;
  }

  .mobile-search-div {
    position: absolute;
    width: 100%;
    top: 0;
    min-height: 100%;
    background: #00c8d4;
    left: 0;
    z-index: 40;
    padding: 0px !important;
  }

  .search-nav .boxs {
    min-height: 61px;
    max-height: 61px;
    min-width: 61px;
    max-height: 61px;
    background-color: #00c8d4;
  }

  .search-nav input {
    min-height: 33px;
  }

  .gnav-header-inner > .row {
    min-height: 100%;
  }

  .is-responsive .gnav-header #gigtodo-logo {
    width: auto;
  }

  .gnav-header #gigtodo-logo a {
    text-indent: inherit;
    margin-top: 0;
    text-indent: 0;
    overflow: visible;
    top: 0;
  }

  .is-responsive .gnav-header .register-link a {
    /* padding: 5px; */
    margin-right: 0;
  }
}

.theme-bg-sky {
  background-color: #00cedc !important;
}

.theme-bg-danger {
  background-color: #a60000 !important;
}

.btn-outline-lovender {
  color: #bb70e6;
  border-color: #bb70e6;
}

.badge {
  background-color: #c2c2c2;
  min-width: 25px;
  min-height: 25px;
  line-height: normal;
}

.badge2 {
  line-height: normal;
  min-width: 25px;
}

.text-green1 {
  color: #00d663 !important;
}

/*======== HOME-SECTION1: START===============*/

.home-section1 button {
  min-width: 150px;
  /* margin:auto; */
}

/*======== HOME-SECTION1: END===============*/

/*======== HOME-SECTION2: START===============*/

.home-section2 {
  background-color: #f0f1f5;
}

.home-section2 img {
  opacity: 0.2;
  max-width: 350px;
  width: 100%;
}

.home-section2 p {
  /* min-height: 60px; */
}

.home-section2 label {
  background-color: grey;
  border-radius: 2rem;
  font-size: 12px;
  padding: 8px 1rem !important;
  line-height: normal;
}

.home-section2 label.pos1 {
  left: 4%;
  top: 20%;
}

.home-section2 label.pos2 {
  right: 7%;
  bottom: 19%;
}

.home-section2 label.pos3 {
  left: 30%;
  top: 7%;
}

.home-section2 .wizard-steps::after {
  content: "";
  /* width: 100%; */
  height: 1px;
  background-color: #dfdfdf;
  position: absolute;
  left: 50%;
  bottom: 22px;
}

.home-section2 .wizard-steps.last-child::after {
  display: none;
}

.home-section2 .wizard-steps > div {
  min-width: 25%;
  max-width: 25%;
  min-height: 50px;
  max-height: 50px;
  /* border:1px solid lightgray; */
  border-top: none;
  margin: auto;
  position: relative;
  z-index: 1;
  display: flex;
  color: white;
  justify-content: center;
  align-items: center;
  border-radius: 0 20px 0 20px;
  background-color: grey;
}

.home-section2 .center-icons {
  max-width: 100px;
  min-width: 100px;
  max-height: 100px;
  min-height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-width: 768px) {
  .home-section2 p {
    min-height: inherit;
    text-align: center;
  }

  .ui-toolkit h1,
  .ui-toolkit .h1 {
    font-size: 30px;
    font-weight: 700;
    /* border:2px solid green; */
  }

  .home-section1 button {
    min-width: 135px;
    /* margin:auto; */
  }
}

@media (max-width: 420px) {
  .is-responsive .gnav-header .account-nav {
    position: absolute;
    /* top: 0px; */
    right: 0;
    /* border:2px solid gray; */
  }
}

@media (min-width: 421px) and (max-width: 768px) {
  .is-responsive .gnav-header .account-nav {
    position: absolute;
    top: -19px;
    right: 0;
    /* border:1px solid green; */
  }

  .is-responsive .gnav-header #gigtodo-logo {
    /* width: 20px; */
    display: none;
    margin: 0px;
    margin-right: 0px;
  }

  .container-fluid,
  .order-page {
    padding-top: 1rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 420.8px) {
  .container-fluid,
  .order-page {
    padding-top: 1rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*======== HOME-SECTION2: END===============*/

/*======== HOME-SECTION4 : START===============*/

.home-section4 .carousel-item span {
  letter-spacing: 5px;
}

.owl-stage-outer {
  overflow: hidden;
}

.home-section4 .carousel-control-prev,
.home-section4 .carousel-control-next {
  background: #fff;
  opacity: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  top: 50%;
  color: #000;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.home-section4 .carousel-control-prev {
  transform: translateY(-50%) translateX(-1px);
}

.home-section4 .carousel-control-next {
  transform: translateY(-50%) translateX(1px);
}

.home-section4 .carousel-control-prev:hover,
.home-section4 .carousel-control-next:hover,
.home-section4 .carousel-control-prev:focus,
.home-section4 .carousel-control-next:focus {
  outline: none;
  color: #a1a1a1;
  opacity: 1;
}

/*======== HOME-SECTION4 : END===============*/

/*======== HOME-SECTION6 : START===============*/

.home-section6 .user-pic {
  max-width: 100px;
  min-width: 100px;
  max-height: 100px;
  min-height: 100px;
}

.home-section6 .card .fa-heart {
  max-width: 40px;
  min-width: 40px;
  max-height: 40px;
  min-height: 40px;
  background-color: #999;
  /* background-color: red; */
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.home-section6 .card:hover .fa-heart {
  background-color: #ffae00;
}

/*======== HOME-SECTION6 : END===============*/

/*======== HOME-SECTION3 + ABOUT-SECTION3: START===============*/

.home-section3 .user-pic,
.about-section3 .user-pic {
  max-width: 40px;
  min-width: 40px;
  max-height: 40px;
  min-height: 40px;
}

.home-section3 .card-box.card p,
.about-section3 .card-box.card p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*======== HOME-SECTION3 + ABOUT-SECTION3: END===============*/

/*======== HOME-SECTION4 + HOME-SECTION5: START===============*/

.home-section4 .carousel-item iframe,
.home-section5 iframe {
  /* max-height: 315px;
    min-height: 315px; */
  border-radius: 3px;
}

/*======== HOME-SECTION4 + HOME-SECTION5: END===============*/

/*======== HOME-SECTION5 + HOME-SECTION6: START===============*/

.home-section5,
.home-section6 {
  /* background-color: #f1fef7; */
}

/*======== HOME-SECTION5 + HOME-SECTION6: END===============*/

/*======== ABOUT-SECTION-1: START===============*/

.about-section-1 .middle-border:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/*======== ABOUT-SECTION-1: END===============*/

/*======== ABOUT-SECTION-2: START===============*/

.about-section-2 {
  /*background: #00c8d421;*/
  position: relative;
}

/*.about-section-2::after {
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background-color: #fff;
    position: absolute;
    content: "";
    top: 0;
}*/

.about-section-2 .nav-tabs2 {
  border-bottom: 2px solid #a5a5a5;
}

.about-section-2 .nav-tabs2 a {
  position: relative;
  color: #a5a5a5;
}

.about-section-2 .nav-tabs2 a.active {
  color: #00c8d4;
}

.about-section-2 .nav-tabs2 a.active::after {
  content: url(../images/hmp/chevrondown.svg);
  width: 25px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  background: #def8f9;
}

.about-section-2 button.btn:focus {
  outline: none;
  box-shadow: none;
}

.about-section-2 button.btn[aria-expanded="true"] > .badge,
a.active > .badge {
  background-color: #00c8d4;
}

/* 
.about-section-2 picture {
    width: 80px;
    height: 80px;
} */

.about-section-2 picture > img {
  width: 100%;
  height: 100%;
}

.about-section-2 .table-bordered th,
.about-section-2 .table-bordered td {
  border-left: none;
  border-right: none;
}

@media (max-width: 1024px) {
  /* .about-section-2 .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    } */
}

/*======== ABOUT-SECTION-2: END===============*/

/*======== ABOUT-SECTION4: START===============*/

.about-section4 .box-cards-1 span {
  min-width: 60px;
  max-width: 60px;
  max-height: 60px;
  min-height: 60px;
}

.about-section4 .box-cards-1::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.about-section4 .box-cards-1 .rounded,
.about-section4 .box-cards-1 .btn {
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.about-section4 .box-cards-1 .rounded {
  border-radius: 20px !important;
}

.about-section4 .month-choose input + label i {
  font-size: 12px;
}

.about-section4 .month-choose input + label i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}

.about-section4 .month-choose input:checked + label i::before {
  opacity: 1;
  visibility: visible;
  color: #00ca76;
}

.about-section4 .month-choose input + label i:after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 3px;
}

/*======== ABOUT-SECTION4: END===============*/

.btn-accordion {
  font-weight: bold;
  position: relative;
}

.btn-accordion::after {
  content: "\f067";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 10px;
}

.btn-accordion[aria-expanded="true"]::after {
  content: "\f067";
}

.btn-accordion[aria-expanded="false"]::after {
  content: "\f068";
}

.owl-prev,
.owl-next {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  opacity: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  top: 50%;
  color: #000;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  outline: none;
  border: none;
  position: absolute;
  cursor: pointer;
}

.owl-prev {
  left: 0;
  transform: translateY(-50%) translateX(-15px);
}

.owl-next {
  right: 0;
  transform: translateY(-50%) translateX(15px);
}

.owl-prev::before {
  content: "\f053";
}

.owl-next::before {
  content: "\f054";
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.owl-carousel .card-box {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
}

.owl-carousel .thumbnail .caption {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.owl-carousel .thumbnail .caption .flex-text {
  flex-grow: 1;
}

.about-section5 table tr > td:first-child,
.about-section5 table tr > th:first-child {
  border-left: 0;
}

.about-section5 table tr > td:last-child,
.about-section5 table tr > th:last-child {
  border-right: 0;
}

.about-section5 .input-group {
  max-width: 250px;
}

.about-section-6 .nav-tabs a.active {
  color: #8f9599;
}

.about-section-6 table > tbody > tr > td picture {
  max-width: 80px;
  max-height: 80px;
  min-width: 80px;
  min-height: 80px;
}

.about-section-6 table > tbody > tr > td picture > img {
  object-fit: fill;
}

@media (max-width: 1024px) {
  .about-section-6 .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}

@media (max-width: 1024px) {
  .about-section-7 .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}

button.btn:focus {
  outline: none !important;
}

.about-section-7 .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.about-section-7 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.about-section-7 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s cubic-bezier(0, 1, 0.5, 1);
  border-radius: 4px;
}

.about-section-7 .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s cubic-bezier(0, 1, 0.5, 1);
  border-radius: 3px;
}

.about-section-7 input:checked + .slider {
  background-color: #52c944;
}

.about-section-7 input:focus + .slider {
  box-shadow: 0 0 4px #7efa70;
}

.about-section-7 input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */

.about-section-7 .slider.round {
  border-radius: 34px;
}

.about-section-7 .slider.round:before {
  border-radius: 50%;
}

.pricing-box li {
  min-height: 48px;
  max-height: 48px;
}

.pricing-box-shadow {
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

@media (max-width: 1024px) and (min-width: 768px) {
  .pricing-box-shadow {
    display: inline-block;
    width: calc(100%);
    max-width: calc(50% - 32px);
    margin: 25px 15px !important;
  }

  .is-responsive .gnav-header .account-nav .count {
    position: absolute;
    top: -10px;
    right: 2px;
    font-size: 10px;
    /* line-height: 21px; */
    padding: 0 5px;
    margin-top: 0;
    min-width: 14px;
  }
}

@media (max-width: 767px) {
  .pricing-box-shadow {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 768px) {
  .padding-right-xs-0 {
    padding-right: 0;
  }

  .padding-left-xs-0 {
    padding-left: 0px;
  }

  .icon-group .fa-2x {
    font-size: 24px;
    line-height: 0;
  }

  .icon-group ul.list-inline li {
    line-height: 0;
  }

  .badge-custm {
    right: -12px;
    bottom: 14px;
    font-size: 9px;
    min-width: 16px;
    background-color: #00c8d4;
    min-height: 16px;
  }

  .icon-group .dropdown-menu {
    right: 0;
    overflow: hidden;
  }
}

.theme-btn {
  background-color: #00c8d4;
  color: white;
}

.theme-bg {
  /* background-color: #00c8d4; */
  background-color: #fff;
}

.theme-text {
  color: #00c8d4;
}

.theme-border-o {
  border-color: #def8f9;
}

.theme-border {
  border-color: #00c8d4;
}

.theme-text-o {
  color: #def8f9;
}

@media (max-width: 1023.8px) and (min-width: 768px) {
  .container-fluid,
  .order-page {
    padding-top: 1.5rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1024px) {
  .container-fluid,
  .order-page {
    padding-top: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 480px) {
  .gnav-header .register-link a,
  .gnav-header .sign-in-link a {
    color: white !important;
  }
}

#eyeiconstyle {
  margin: -27px 8px 0 0;
  float: right;
  width: 7%;
}

#passwordeyeicon {
  margin: -27px 8px 0 0;
  float: right;
  width: 7%;
}

.text-success_rampal.active {
  color: red !important;
}

.home-page-text-menu {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.home-page-text-menu:hover {
  color: grey;
  font-size: 16px;
  font-weight: 500;
}

.menu-login {
  text-align: center;
  background-color: #00c8d4;
  margin: 13px !important;
  border-radius: 5px;
}

.mobile-menu-login {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.mobile-menu-login:hover {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.balance-username-bluff:hover {
  color: #fff !important;
}

@media (min-width: 768.2px) {
  .badge-custm {
    right: -12px;
    bottom: 15px;
    min-width: 16px;
    background-color: #00c8d4;
    min-height: 16px;
    font-size: 9px;
  }
}