/*Bind by Vladimir*/
/*Bind by Vladimir*/
/*Bind by Vladimir*/
/*Bind by Vladimir*/
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) { 
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) { 
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) { 
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) { 
    div { color:#888; }
}

// ----------------------------------------------
*/
@font-face {
  font-family: 'peets-icomoon';
  src: url("../fonts/peets-icomoon/peets-icomoon.woff2?gq0uzw") format("woff2"), url("../fonts/peets-icomoon/peets-icomoon.woff?gq0uzw") format("woff");
  /*url('../fonts/peets-icomoon/peets-icomoon.ttf?gq0uzw') format('truetype'),
  url('../fonts/peets-icomoon/peets-icomoon.svg?gq0uzw') format('svg'); not need anymore */
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: transparent;
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}

body {
  background: #595959;
  color: #fff;
}

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: block;
}

ol,
ul {
  list-style: none;
}

q:before,
q:after {
  content: '';
}

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body,
button,
input,
select,
table,
textarea {
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #191919;
  font-size: 14px;
  line-height: 22px;
}

a {
  color: #191919;
  text-decoration: none;
}

a:hover {
  color: #8b6f4e;
  text-decoration: underline;
}

a:focus {
  outline-color: #8b6f4e;
  color: black;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1, .h1 {
  font-size: 32px;
  line-height: 48px;
  font-weight: 500;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin: 0 0 20px;
  text-rendering: optimizeLegibility;
}
@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 36px;
    line-height: 48px;
  }
}

h2, .h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h3, .h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h4, .h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h5, .h5 {
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h6, .h6 {
  margin: 0;
  margin-bottom: 5px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

/* ============================================ *
 * Shared Classes
 * ============================================ */
.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.availability .label {
  display: none;
}

.availability.in-stock {
  color: #bcca8b;
}

.availability.available-soon,
.availability.out-of-stock {
  color: #df280a;
}

.availability-only {
  color: #df280a;
  margin-bottom: 10px;
}

/* -------------------------------------------- *
 * Page Titles
 */
.page-title {
  margin: 0 0 20px;
}

/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
  margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
  margin-bottom: 0;
}

.block-title {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 5px;
  border-top: 1px solid #CCCCCC;
}
.block-title h2,
.block-title h3,
.block-title strong {
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  color: #191919;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.block-title small {
  font-size: 100%;
  font-weight: normal;
  color: #333;
}

body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0;
}

.block-subtitle {
  font-weight: bold;
  margin-bottom: 7px;
}

.block-content {
  margin-top: 5px;
}

.block-content.unpad {
  padding: 0;
}

.block-content li.item {
  margin: 0 0 10px 9px;
}

.block-content li.item:last-child {
  margin-bottom: 0;
}

.block .actions {
  margin: 10px 0 0;
}
.block .actions:after {
  content: '';
  display: table;
  clear: both;
}
.block .actions a {
  float: left;
}
.block .actions .button {
  float: right;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
  line-height: 33px;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .sidebar .block:not(.block-layered-nav) {
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title {
    padding: 0;
    margin-top: 0;
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #191919;
    font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
    display: block;
    width: 100%;
    cursor: pointer;
    border-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #191919;
    border-right: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
    background-color: #ededed;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #191919;
    font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #191919;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
    background-color: #ededed;
  }
  .sidebar .block:not(.block-layered-nav) .block-content {
    padding: 10px;
    margin-top: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
  }
  .sidebar .block:last-of-type {
    border-bottom: 1px solid #CCCCCC;
  }
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none;
}
.block-account li,
.block-cms-menu li {
  text-transform: uppercase;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin: 7px 0;
}
.block-account li strong,
.block-cms-menu li strong {
  font-weight: 400;
  color: #191919;
}
.block-account li a,
.block-cms-menu li a {
  color: #191919;
}
.block-account li a:hover,
.block-cms-menu li a:hover {
  color: #191919;
}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Primary Buttons */
.checkout-button,
.button2 {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0 10px;
}
.checkout-button:hover,
.button2:hover {
  text-decoration: none;
}

.checkout-button {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 100px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #8b6f4e;
  color: #fff;
  transition: background 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
}
.checkout-button:hover {
  background: #7b6245;
  color: #fff;
}

.button {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  font-size: 13px;
  font-weight: normal;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.button:not(.btn-dark), .button:not(.btn-white) {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
}
.button:not(.btn-dark):hover, .button:not(.btn-white):hover {
  background: #8b6f4e;
  color: #fff;
}
.button:hover {
  cursor: pointer;
}
.button:focus {
  outline: none;
}
.button.btn-dark {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #8b6f4e;
  color: #fff;
  transition: background 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
}
.button.btn-dark:hover {
  background: #7b6245;
  color: #fff;
}
.button.btn-white {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #fff;
  color: #191919;
  border-color: transparent;
  transition: background 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
}
.button.btn-white:hover {
  background: #e8dec8;
  border-color: transparent;
  color: #191919;
}

.btn-small {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #8b6f4e;
  color: #fff;
  transition: background 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.btn-small:hover {
  background: #7b6245;
  color: #fff;
}
.btn-small:hover {
  text-decoration: none;
}

a.button {
  text-decoration: none;
}

a.btn {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 0 10px;
}
a.btn:hover {
  background: #8b6f4e;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  a.btn {
    padding: 0 25px;
  }
}

/* Disabled - class for anchor, state for form elements */
.button.button-disabled,
.button:disabled {
  background: #eee;
  border-color: #eee;
  color: #191919;
  cursor: not-allowed;
}
.button.button-disabled:hover,
.button:disabled:hover {
  background: #eee;
  border-color: #eee;
  color: #191919;
}

.button.button-wait {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
  margin-left: 5px;
}

.button2 {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 160px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
}
.button2:hover {
  background: #8b6f4e;
  color: #fff;
}

.button2:focus {
  outline: none;
}

.button2 span,
.button2 span span {
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .col2-set .buttons-set .back-link {
    display: none;
  }
  .col2-set .buttons-set .required {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .buttons-set .button {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .buttons-set .required {
    display: none;
  }
}
/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
  float: left;
}

.paypal-after .paypal-or {
  float: left;
}

.paypal-or {
  line-height: 34px;
  font-size: 12px;
}

.paypal-after .paypal-button {
  float: left;
}

.paypal-button.button {
  display: block;
  white-space: nowrap;
  text-transform: none;
  font-size: 10px;
  min-width: 210px;
}
.paypal-button.button img,
.paypal-button.button span {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.paypal-button.button img {
  max-width: 100%;
  max-height: 100%;
}

@media only screen and (max-width: 740px) {
  .paypal-or {
    line-height: 20px;
  }

  .paypal-logo,
  .paypal-or,
  .paypal-button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.buttons-set.right {
  justify-content: center;
  -webkit-justify-content: center;
}
@media only screen and (min-width: 768px) {
  .buttons-set.right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
}
.buttons-set.left {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.buttons-set.center {
  justify-content: center;
  -webkit-justify-content: center;
}
.buttons-set p.required {
  margin: 0;
  margin-left: 10px;
  line-height: 33px;
  float: right;
}
.buttons-set .back-link {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  line-height: 22px;
  position: relative;
  padding: 0 0 0 30px;
}
.buttons-set .back-link:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
  content: "\e902";
  transform: rotate(-180deg);
}
.buttons-set .buttons-set-link {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  text-decoration: underline;
}
.buttons-set .buttons-set-link:hover {
  text-decoration: none;
}
.buttons-set .buttons-set-text {
  margin: 0 5px;
}
.buttons-set button.button {
  min-width: 140px;
}
.buttons-set .btn-small {
  margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .buttons-set .btn-small {
    margin: 0 0 10px 10px;
  }
}

/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs > ul {
  margin: 0 !important;
}
@media only screen and (min-width: 768px) {
  .breadcrumbs > ul {
    margin: 0 auto !important;
    padding: 21px 16px;
    max-width: 1394px;
  }
}
.breadcrumbs > ul:after {
  content: '';
  display: table;
  clear: both;
}
.breadcrumbs > ul > li {
  float: left;
}
.breadcrumbs li {
  font-size: 11px;
  line-height: 15px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.12em;
  list-style: none;
  margin: 0 !important;
  position: relative;
}
.breadcrumbs li.with-drop:after {
  content: '';
  display: table;
  clear: both;
}
.breadcrumbs li.with-drop strong {
  position: relative;
  padding: 0 18px 0 0;
  cursor: pointer;
  color: #785c3d;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.breadcrumbs li.with-drop strong:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  content: "\e90c";
  font-size: 6px;
  transition: opacity 0.1s linear;
}
.breadcrumbs li.drop-active strong {
  color: #a3a3a3;
}
.breadcrumbs li.drop-active strong:hover {
  color: #785c3d;
}
.breadcrumbs li.drop-active strong:after {
  opacity: 0;
}
.breadcrumbs a {
  float: left;
  color: #a3a3a3;
  text-decoration: none;
}
.breadcrumbs a:hover {
  color: #785c3d;
}
.breadcrumbs strong {
  font-weight: 500;
  color: #474747;
  float: left;
}
.breadcrumbs span {
  float: left;
  padding: 0 5px;
  color: #a3a3a3;
}
.breadcrumbs .breadcrumbs-drop {
  position: absolute;
  top: 100%;
  left: -20px;
  width: 174px;
  z-index: 9;
  display: none;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs .breadcrumbs-drop {
    left: 0;
    right: 0;
    width: auto;
    border-top: 1px solid #ececec;
  }
}
.breadcrumbs .sibling-categories {
  padding: 0 20px 14px;
  line-height: 14px;
  background: #fff;
}
.breadcrumbs .sibling-categories:after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 50%;
  left: 10px;
  right: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.breadcrumbs .sibling-categories li {
  padding: 3px 0;
}
.breadcrumbs .sibling-categories a {
  float: none;
}

/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-previous {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #EDEDED;
  text-align: center;
  /* Hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: relative;
}
.btn-previous:hover {
  background-color: #191919;
  border-color: #191919;
}

.btn-remove {
  display: inline-block;
  vertical-align: top;
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  color: #898989;
  margin: 0;
  width: 20px;
  height: 20px;
  text-align: center;
}
.btn-remove:hover {
  text-decoration: none;
  color: #191919;
}
.btn-remove:after {
  content: "\e90e";
  font-size: 12px;
  line-height: 20px;
}

.btn-remove2 {
  border: none;
  vertical-align: top;
}
.btn-remove2:after {
  display: none;
}
.btn-remove2:hover {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.btn-previous:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #191919;
  border-left: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -4px;
}
.btn-previous:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #FFFFFF;
  border-left: none;
}

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
  float: right;
  margin-left: 6px;
}

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
  margin-bottom: 20px;
}

.checkout-agreements .agreement-content {
  overflow-y: auto;
  max-width: 670px;
  max-height: 125px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background: #F4F4F4;
}

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
  margin-left: 10px;
  font-size: 13px;
  line-height: 24px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container {
  position: relative;
  max-width: 1168px;
  margin: 0 auto;
  padding: 16px;
}
.main-container.full-width {
  max-width: none;
  padding: 0;
}
.main-container.full-width .col-main {
  float: none;
  padding: 0;
  width: 100%;
  margin: 0;
}
.main-container:after {
  content: '';
  display: table;
  clear: both;
}

@media only screen and (min-width: 480px) {
  .main-container {
    padding: 0 16px;
  }
}
/* -------------------------------------------- *
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.col-left,
.col-right,
.col-main {
  padding: 0 10px;
}

.col-left {
  float: left;
  width: 25%;
  padding-left: 0;
  /* Remove the 15px padding */
  clear: left;
}
.col-left img {
  max-width: 100%;
}

.col-right {
  float: right;
  width: 25%;
  padding-right: 0;
  /* Remove the 15px padding */
}
.col-right img {
  max-width: 100%;
}

.col-main {
  float: left;
  width: 75%;
}

.col1-layout .col-main {
  float: none;
  width: auto;
  padding: 0;
  /* Remove the 15px padding */
}

.col2-left-layout .col-main {
  float: right;
  padding-right: 0;
  /* Remove the 15px padding */
}

.col2-right-layout .col-main {
  padding-left: 0;
  /* Remove the 15px padding */
}

.col3-layout .col-right {
  width: 20.83333%;
}
.col3-layout .col-wrapper {
  float: left;
  width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
  float: right;
  width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
  width: 26.31579%;
}

@media only screen and (max-width: 1000px) {
  .col3-layout .col-right {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 10px;
    width: 25%;
  }
  .col3-layout .col-wrapper {
    float: right;
    width: 100%;
  }
  .col3-layout .col-wrapper .col-main {
    float: right;
    width: 75%;
  }
  .col3-layout .col-wrapper .col-left {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .col-left,
  .col-right,
  .col-main,
  .col1-layout .col-left,
  .col1-layout .col-right,
  .col1-layout .col-main,
  .col2-left-layout .col-left,
  .col2-left-layout .col-right,
  .col2-left-layout .col-main,
  .col2-right-layout .col-left,
  .col2-right-layout .col-right,
  .col2-right-layout .col-main,
  .col3-layout .col-wrapper .col-left,
  .col3-layout .col-right,
  .col3-layout .col-wrapper .col-main {
    padding: 0;
    margin-bottom: 10px;
    float: none;
    width: auto;
  }

  .col3-layout .col-wrapper {
    float: none;
    width: auto;
  }

  .col-main {
    float: none;
    width: auto;
  }

  .col-main .col-left {
    padding: 0;
    /* On product listing pages, the left column gets moved inside col-main on small viewports */
  }
}
/* Content Columns */
.col2-set {
  width: 100%;
}
.col2-set .col-1,
.col2-set .col-2 {
  width: 50%;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    padding: 10px;
  }
}
.col2-set .col-1 {
  float: left;
  padding-left: 0;
}
.col2-set .col-2 {
  float: right;
  padding-right: 0;
}
@media only screen and (max-width: 479px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.col2-set .narrow {
  width: 33%;
}
.col2-set .wide {
  width: 65%;
}
.col2-set:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 768px) {
  .top-container {
    max-width: 1168px;
    margin: 0 auto;
    padding: 0 16px;
  }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  background: #676157;
  color: #e8e8e8;
  font-size: 11px;
}
.global-site-notice .notice-inner {
  padding-left: 120px;
  width: 100%;
  max-width: 1136px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
  min-height: 40px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  background-image: url("../images/demo-logo.png");
  background-position: left;
  background-repeat: no-repeat;
}
.global-site-notice p {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
  color: #191919;
  text-align: center;
  margin: 10px;
  text-transform: uppercase;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #bcca8b;
}

.error {
  color: #df280a;
  font-weight: bold;
}

.notice {
  color: #e26703;
  font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
  margin-bottom: 10px;
}
.messages li li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 40px;
  background: #F4F4F4;
  font-size: 15px;
}
.messages li li:before {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.messages .error-msg li {
  background-color: #fcc3b9;
}
.messages .error-msg li:before {
  content: "!";
  background-color: #f6593f;
}
.messages .notice-msg li {
  background-color: #fee3cc;
}
.messages .notice-msg li:before {
  content: "!";
  background-color: #fdab68;
}
.messages .success-msg li {
  background-color: #e4ead1;
}
.messages .success-msg li:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  font-size: 8px;
  background-color: #bcca8b;
}

@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%;
  }

  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px;
  }

  .order-list-grid .col-3 {
    clear: none;
    width: 20%;
    padding-top: 0;
  }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto;
}

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
  margin-bottom: 20px;
}

.payment-methods dt {
  padding: 5px 0;
}

.payment-methods dd {
  padding-top: 10px;
}

.payment-methods .form-list {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 5px 15px 15px;
  padding: 15px;
  border: 1px solid #CCCCCC;
  background: #F4F4F4;
}

.payment-methods .form-list:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #CCCCCC;
  border-top: none;
  top: -11px;
  left: 30px;
}

.payment-methods .form-list:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #F4F4F4;
  border-top: none;
  top: -10px;
  left: 30px;
}

.payment-methods .form-list li:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  /* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
  float: left;
  margin-right: 5px;
  width: 24px;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
  margin: 7px 0;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.price-box p {
  margin-bottom: 0;
}

.price-notice {
  color: #333;
}

.price-box .price {
  color: #191919;
  font-size: 16px;
}

.price-box .price,
.price {
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.price-box .price-label {
  color: #333;
  white-space: nowrap;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.price-box .minimal-price-link {
  padding-left: 1em;
  color: #191919;
  display: block;
  /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
  color: #333;
}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
  display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
  display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
  display: inline-block;
}

.price-box .old-price .price {
  color: #333;
  text-decoration: line-through;
}

.price-box .special-price {
  color: #191919;
  padding-left: 1em;
}
.price-box .special-price .price-label {
  color: #D84D3C;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block;
}

span.weee {
  display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
  display: inline-block;
  padding: 4px 8px;
  background: #FBF4DE;
  border: 1px solid #E2D4C7;
  margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
  font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
  font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
  font-weight: bold;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options:after {
  content: '';
  display: table;
  clear: both;
}
.item-options dt {
  float: left;
  clear: left;
  font-weight: 500;
}
.item-options dd {
  float: left;
  padding-left: 5px;
  margin: 0 0 4px;
}

.truncated,
.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px;
}
.truncated a.details:hover {
  text-decoration: none;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 300;
}

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #191919;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px;
}
.truncated .truncated_full_value .item-options:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #191919;
  border-top: none;
  left: 97px;
  top: -7px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.truncated .show .item-options {
  display: block;
}

@media only screen and (max-width: 479px) {
  .truncated {
    cursor: inherit;
  }
  .truncated a.details {
    display: none;
  }
  .truncated .truncated_full_value .item-options {
    display: block;
    position: static;
    z-index: 1;
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .truncated .truncated_full_value .item-options p {
    float: none;
  }
  .truncated .truncated_full_value .item-options:after {
    display: none;
  }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 7px 0;
}
.add-to-links a {
  display: inline-block;
  padding: 0px 3px 3px;
}

.add-to-links .separator {
  display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
  position: relative;
  display: block;
}

/* -------------------------------------------- *
 * Ratings
 */
.ratings .rating-box,
.review-rating .rating-box {
  white-space: nowrap;
  width: 90px;
  height: 14px;
  font-size: 13px;
  line-height: 14px;
  overflow: hidden;
  position: relative;
  letter-spacing: 0.35em;
}
.ratings .rating-box:before,
.review-rating .rating-box:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e914 \e914 \e914 \e914 \e914';
  color: #ececec;
  float: left;
  width: 100%;
  margin: 0 -100% 0 0;
}
.ratings .rating-box .rating,
.review-rating .rating-box .rating {
  float: left;
  height: 14px;
  position: relative;
  overflow: hidden;
}
.ratings .rating-box .rating:before,
.review-rating .rating-box .rating:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e914 \e914 \e914 \e914 \e914';
  color: #8b6f4e;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
  margin: 0 0 1.5em;
}
.std ol,
.std ul {
  margin-bottom: 1.5em;
}
.std ol {
  list-style: decimal outside;
}
.std ul {
  list-style: disc outside;
}
.std li {
  margin-left: 2em;
}
.std img {
  max-width: 100%;
}

.std .note {
  color: #333;
  font-size: 13px;
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
  margin-bottom: 10px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
  background: #fff;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .toolbar .toolbar-top-panel {
    margin: 0 auto;
    max-width: 1394px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.toolbar .toolbar-top-panel:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .toolbar .breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 115px 0 0;
    display: block;
  }
  .section-content .toolbar .breadcrumbs {
    padding-right: 16px;
  }
  .catalogsearch-result-index .toolbar .breadcrumbs {
    display: none;
  }
}
@media only screen and (min-width: 980px) {
  .toolbar .breadcrumbs {
    float: left;
    margin: 0 5px 0 0;
  }
}
.toolbar .breadcrumbs > ul {
  max-width: none;
  padding: 25px 0 0;
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .toolbar .breadcrumbs > ul {
    padding: 26px 0 24px 16px;
  }
  .toolbar .breadcrumbs > ul li {
    font-size: 14px;
    padding: 0;
    float: none;
  }
  .toolbar .breadcrumbs > ul > li {
    position: static;
  }
  .toolbar .breadcrumbs > ul > li:not(.with-drop) {
    display: none;
  }
  .toolbar .breadcrumbs > ul .sibling-categories {
    padding: 0 16px 20px;
  }
  .toolbar .breadcrumbs > ul a {
    display: block;
    padding: 10px 0;
  }
}

.pager-no-toolbar {
  margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .view-mode {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .view-mode {
    float: right;
    white-space: nowrap;
    line-height: 16px;
    padding: 22px 11px 0 0;
  }
  .view-mode .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #b2b2b2;
    margin: 0 12px 0 0;
    letter-spacing: 0.03em;
  }
  .view-mode .grid,
  .view-mode .list {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    font-size: 0;
    line-height: 0;
  }
  .view-mode .grid:before,
  .view-mode .list:before {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    font-size: 16px;
    line-height: 1;
  }
  .view-mode span.mode-updater {
    text-decoration: none;
    color: #ececec;
    cursor: pointer;
  }
  .view-mode span.mode-updater.disabled {
    pointer-events: none;
    color: #8b6f4e;
  }
  .view-mode span.mode-updater:hover {
    color: #595959;
  }
  .view-mode .grid:before {
    content: "\e90f";
  }
  .view-mode .list:before {
    content: "\e910";
  }
}

@media only screen and (min-width: 768px) {
  .toolbar-holder {
    margin: 0 auto;
    max-width: 1168px;
    padding: 67px 16px 0;
  }
}
.toolbar-holder:after {
  content: '';
  display: table;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .toolbar-middle-panel {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .toolbar-middle-panel {
    padding: 4px 0 0;
    line-height: 24px;
    border: none;
    text-align: center;
  }
  .toolbar-middle-panel:after {
    content: '';
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  .toolbar-middle-panel .shown-results {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .toolbar-middle-panel .shown-results {
    font-weight: normal;
    font-size: 18px;
    color: #a3a3a3;
    padding: 0 15px 0 0;
    float: left;
  }
  .toolbar-middle-panel .shown-results strong {
    color: #785c3d;
    font-weight: normal;
  }
}
@media only screen and (max-width: 767px) {
  .toolbar-middle-panel .sorter {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .toolbar-middle-panel .sorter {
    float: right;
  }
}
.section-content .toolbar-middle-panel .sorter {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .toolbar-middle-panel .sort-by {
    list-style: none;
    font-size: 12px;
  }
  .toolbar-middle-panel .sort-by li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
  }
  .toolbar-middle-panel .sort-by .label {
    color: #b2b2b2;
  }
  .toolbar-middle-panel .sort-by a {
    color: #474747;
    text-decoration: none;
  }
  .toolbar-middle-panel .sort-by a:not(.selected):hover {
    text-decoration: underline;
  }
  .toolbar-middle-panel .sort-by a.selected, .toolbar-middle-panel .sort-by a:hover {
    color: #785c3b;
  }
}
@media only screen and (min-width: 768px) {
  .toolbar-middle-panel .pager {
    display: inline-block;
    vertical-align: top;
  }
  .toolbar-middle-panel .pager .limiter {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
  }
  .toolbar-middle-panel .pager .limiter > label {
    color: #b2b2b2;
    margin: 0 10px 0 0;
  }
  .toolbar-middle-panel .pager .limiter > label:after {
    content: ':';
  }
  .toolbar-middle-panel .pager .limiter select {
    height: 24px;
    width: 60px;
  }
  .toolbar-middle-panel .pager .pages {
    float: none;
    line-height: 24px;
    margin: 0 0 0 15px;
    display: inline-block;
    vertical-align: top;
  }
  .toolbar-middle-panel .pager .pages .next:before,
  .toolbar-middle-panel .pager .pages .previous:before {
    line-height: 24px;
  }
}
.toolbar-middle-panel .shown-results,
.toolbar-middle-panel .sorter,
.toolbar-middle-panel .pager {
  margin-bottom: 14px;
}

.pages {
  float: right;
  overflow: hidden;
  margin-left: 15px;
  line-height: 22px;
}
.pages ol:after {
  content: '';
  display: table;
  clear: both;
}
.pages li {
  float: left;
  margin: 0 3px;
}
.pages a,
.pages .current {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  white-space: nowrap;
  padding: 0;
  color: #595959;
}
.pages a:hover {
  color: #8b6f4e;
}
.pages .current {
  color: #8b6f4e;
  cursor: default;
}
.pages .current:hover {
  color: #8b6f4e;
  cursor: default;
}
.pages .next,
.pages .previous {
  display: block;
  font-size: 0;
  line-height: 0;
}
.pages .next:before,
.pages .previous:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-size: 8px;
  padding: 0 3px;
}
.pages .next .doubleangle,
.pages .previous .doubleangle {
  display: none;
}
.pages .next:before {
  content: "\e903";
}
.pages .previous:before {
  content: "\e900";
}
.pages strong {
  display: none;
}

@media only screen and (max-width: 767px) {
  .product-filter {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 768px) {
  .product-filter {
    border: solid #d8d8d8;
    border-width: 1px 0;
    float: left;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product-filter .results-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .results-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
}
.product-filter .filter-results-block {
  font-size: 14px;
  line-height: 24px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  display: block;
}
@media only screen and (max-width: 767px) {
  .product-filter .filter-results-block {
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .filter-results-block {
    padding: 5px 8px 0 0;
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .product-filter .filter-results-block .selectable-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.product-filter .filter-results-block .filter-item {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .product-filter .filter-results-block .filter-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 33.333%;
    padding: 5px 6%;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    text-align: center;
    color: #474747;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-height: 59px;
  }
  .product-filter .filter-results-block .filter-item:nth-child(3n+1) {
    border-left: none;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .filter-results-block .filter-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 18px 0 0;
    margin: 0 14px 5px 0;
    color: #595959;
  }
}
.product-filter .filter-results-block .filter-item.clear-filter {
  text-transform: uppercase;
  color: #b2b2b2;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 11px;
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .product-filter .filter-results-block .filter-item.clear-filter {
    padding: 5px 10px;
    border-right: 1px solid #ececec;
  }
  .product-filter .filter-results-block .filter-item.clear-filter:nth-child(3n+1) {
    width: 100%;
    border-right: none;
  }
  .product-filter .filter-results-block .filter-item.clear-filter:nth-child(3n) {
    border-right: none;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .filter-results-block .filter-item.clear-filter {
    margin-bottom: 5px;
  }
}
.product-filter .filter-results-block .filter-item.clear-filter:hover {
  text-decoration: none;
  color: #191919;
  cursor: pointer;
}
.product-filter .filter-results-block .remove {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  line-height: 0;
  width: 14px;
  height: 14px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .product-filter .filter-results-block .remove {
    right: 0;
  }
}
.product-filter .filter-results-block .remove:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 8px;
  line-height: 1;
  content: "\e90e";
  transform: translate(-50%, -50%);
}
.product-filter .filter-results-block .remove:hover {
  color: #8b6f4e;
  cursor: pointer;
}
.product-filter .filter-results-block .remove:hover:before {
  font-size: 10px;
}
@media only screen and (max-width: 767px) {
  .product-filter .advanced-link {
    order: 1;
    border-bottom: 1px solid #ececec;
    text-align: right;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .advanced-link {
    flex-shrink: 0;
    position: relative;
  }
  .product-filter .advanced-link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #785c3d;
  }
}
.product-filter .advanced-link.arrow-down a:after {
  content: '\e90e';
  font-size: 10px;
}
@media only screen and (min-width: 768px) {
  .product-filter .advanced-link.arrow-down a:after {
    margin-top: -6px;
    font-size: 11px;
  }
}
.product-filter .advanced-link a {
  text-decoration: none;
  font-weight: 500;
  color: #785c3d;
  letter-spacing: 0.1em;
  position: relative;
  padding: 15px 30px 17px 9px;
  font-size: 11px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  .product-filter .advanced-link a {
    display: inline-block;
    vertical-align: top;
    padding: 22px 36px 21px 9px;
    font-weight: 400;
    letter-spacing: 0.03em;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .advanced-link a {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
  }
}
.product-filter .advanced-link a .counter {
  letter-spacing: 0;
}
@media only screen and (min-width: 980px) {
  .product-filter .advanced-link a .counter {
    letter-spacing: 1px;
  }
}
.product-filter .advanced-link a:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90c';
  font-size: 7px;
  line-height: 1;
  position: absolute;
  right: 5px;
  top: 50%;
  margin: -4px 0 0;
}
@media only screen and (min-width: 768px) {
  .product-filter .advanced-link a:after {
    font-size: 6px;
    right: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .selection-box {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .selection-box .box {
    padding: 0 16px;
    margin: 0 auto;
    max-width: 1168px;
  }
}
@media only screen and (max-width: 767px) {
  .product-filter .attributes {
    border-top: 1px solid #ececec;
    margin: -1px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .attributes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -8px;
    padding: 22px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .filter-column {
    width: 20%;
    padding: 0 8px;
    margin: 0 0 25px;
  }
}
.product-filter .title {
  display: block;
  font-weight: 500;
  color: #474747;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .product-filter .title {
    text-align: center;
    padding: 19px 50px 18px;
    position: relative;
    border-bottom: 1px solid #ececec;
  }
  .product-filter .title.filer-opened:after {
    transform: rotate(-180deg);
  }
  .product-filter .title:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e90c';
    font-size: 7px;
    line-height: 1;
    position: absolute;
    right: 32px;
    top: 50%;
    margin: -4px 0 0;
    transform: rotate(0deg);
    transition: transform 0.2s linear;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter .title {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;
    margin: 0 0 18px;
  }
}
.product-filter ul {
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .product-filter ul {
    background: #f3f3f3;
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter ul {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  .product-filter ul li {
    border-bottom: 1px solid #ececec;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter ul li {
    margin: 0 0 9px;
    padding: 0 0 0 30px;
    position: relative;
    line-height: 16px;
  }
  .product-filter ul li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-filter ul input[type=checkbox],
  .product-filter ul input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
  }
  .product-filter ul input[type=checkbox]:checked + label,
  .product-filter ul input[type=radio]:checked + label {
    color: #8b6f4e;
    font-weight: 500;
  }
  .product-filter ul input[type=checkbox]:disabled + label,
  .product-filter ul input[type=radio]:disabled + label {
    pointer-events: none;
    color: #b2b2b2;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter ul input[type=checkbox],
  .product-filter ul input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    width: 20px;
    height: 20px;
  }
  .product-filter ul input[type=checkbox]:checked + label:before,
  .product-filter ul input[type=radio]:checked + label:before {
    background: #8b6f4e;
    box-shadow: inset 0 0 0 4px #fff;
  }
  .product-filter ul input[type=checkbox]:disabled + label,
  .product-filter ul input[type=radio]:disabled + label {
    pointer-events: none;
    color: #b2b2b2;
  }
  .product-filter ul input[type=checkbox]:disabled + label:before,
  .product-filter ul input[type=radio]:disabled + label:before {
    border-color: #ececec;
  }
}
@media only screen and (max-width: 767px) {
  .product-filter ul label {
    display: block;
    text-align: center;
    color: #474747;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    padding: 18px 30px;
  }
}
@media only screen and (min-width: 768px) {
  .product-filter ul label {
    color: #474747;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    padding: 2px 0 0;
  }
  .product-filter ul label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {
    display: none;
  }

  .pages {
    float: left;
  }

  .limiter label {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .col1-layout .sorter,
  .col1-layout .pager {
    width: 100%;
  }
  .col1-layout .pager {
    float: left;
    clear: both;
  }
  .col1-layout .pager .pages {
    float: left;
    margin-left: 0;
  }
  .col1-layout .pager .count-container {
    float: right;
  }
}
@media only screen and (max-width: 979px) {
  .col2-left-layout .sorter,
  .col2-left-layout .pager,
  .col2-right-layout .sorter,
  .col2-right-layout .pager,
  .col3-layout .sorter,
  .col3-layout .pager {
    width: 100%;
  }
  .col2-left-layout .pager,
  .col2-right-layout .pager,
  .col3-layout .pager {
    float: left;
    clear: both;
  }
  .col2-left-layout .pager .pages,
  .col2-right-layout .pager .pages,
  .col3-layout .pager .pages {
    float: left;
    margin-left: 0;
  }
  .col2-left-layout .pager .count-container,
  .col2-right-layout .pager .count-container,
  .col3-layout .pager .count-container {
    float: right;
  }
}
/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #3399CC;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #246b8f;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #3399CC;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #246b8f;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center;
}

.a-right,
.align-right {
  text-align: right;
}

.no-display {
  display: none !important;
}

.nobr,
.nowrap {
  white-space: nowrap;
}

.width-full {
  width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: none;
  max-height: 50px;
  width: auto;
}

a.link-arrow-long {
  margin-right: 33px;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.1em;
}
a.link-arrow-long:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: -33px;
  text-align: right;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 10px;
  width: 33px;
  content: "\e902";
  line-height: 1;
  margin-bottom: 2px;
}

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
}

.video-holder {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  z-index: 1;
}
.video-holder.with-shadow:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 42px;
  right: 42px;
  top: 50%;
  z-index: -1;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.video-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-holder > p {
  position: absolute;
  left: -9999px;
}

.scroll-link {
  font-size: 0;
  line-height: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s linear;
}
.scroll-link:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  display: block;
  font-size: 28px;
  line-height: 40px;
}

.ln-loader-back {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
}
.ln-loader-back .holder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 7px 15px;
  text-align: center;
}
.ln-loader-back img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.ln-loader-back span {
  display: inline-block;
  vertical-align: middle;
  color: #191919;
  font-size: 18px;
  line-height: 22px;
}

.visibility-hidden {
  width: 0 !important;
  height: 0 !important;
  display: block !important;
  border: none !important;
  visibility: hidden;
}

.hide {
  display: none;
}

.hidden-text {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.slide-opener {
  cursor: pointer;
}

.slide-block {
  display: none;
}

.underlined-link {
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 16px;
  color: #474747;
  text-decoration: none;
  letter-spacing: 0.09em;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}
.underlined-link:hover {
  text-decoration: none;
  color: #8b6f4e;
}
.underlined-link:hover:after {
  display: none;
}
.underlined-link:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #b2b2b2;
}

.zopim {
  z-index: 50 !important;
}

@media only screen and (min-width: 768px) {
  .main ul.decorated-list {
    padding: 0 0 0 20px;
  }
}
.main ul.decorated-list > li {
  position: relative;
  padding: 0 0 0 15px;
}
.main ul.decorated-list > li:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #595959;
  top: 9px;
  left: 0;
  line-height: 22px;
}

.ui-datepicker {
  background: #fff;
  border: 1px solid #d8d8d8;
  z-index: 9;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  width: 220px;
  padding: 10px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  text-align: center;
  padding: 5px 40px;
  margin: 0 0 10px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 0;
  font-size: 0;
  line-height: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s linear;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 20px;
  line-height: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  content: "\e900";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  content: "\e903";
}
.ui-datepicker .ui-datepicker-title {
  margin: -5px -5px 0;
}
.ui-datepicker .ui-datepicker-title:after {
  content: '';
  display: table;
  clear: both;
}
.ui-datepicker .ui-datepicker-title select {
  width: calc(50% - 3px);
  height: 30px;
  padding-right: 18px;
  padding-left: 5px;
  float: left;
  margin-bottom: 5px;
  -webkit-appearance: none;
}
.ui-datepicker .ui-datepicker-title select + select {
  margin-left: 6px;
}
.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.ui-datepicker .ui-datepicker-calendar th {
  text-align: center;
  background: #8b6f4e;
  color: #fff;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  border-bottom: 1px solid #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
}
.ui-datepicker .ui-datepicker-calendar th:not(:first-child) {
  border-left: 1px solid #fff;
}
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  border-bottom: 1px solid #fff;
  font-size: 12px;
  line-height: 24px;
}
.ui-datepicker .ui-datepicker-calendar td:not(:first-child) {
  border-left: 1px solid #fff;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
  opacity: 0.35;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
  display: block;
  background: #e8dec8;
  text-decoration: none;
  transition: background 0.3s linear, color 0.3s linear;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active {
  background: #8b6f4e;
  color: #fff;
  position: relative;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 1px solid #8b6f4e;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-priority-secondary {
  opacity: 0.7;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover:not(.ui-state-active) {
  background: #d9c8a4;
  color: #191919;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-list:before {
  content: "\e91e";
}

.icon-arrow-left-menu:before {
  content: "\e917";
}

.icon-arrow-down:before {
  content: "\e90c";
}

.icon-arrow-up:before {
  content: "\e90d";
}

.icon-icon-close-small:before {
  content: "\e90e";
}

.icon-icon-grid-view:before {
  content: "\e90f";
}

.icon-icon-list-view:before {
  content: "\e910";
}

.icon-icon-lock:before {
  content: "\e911";
}

.icon-icon-minus:before {
  content: "\e912";
}

.icon-icon-plus:before {
  content: "\e913";
}

.icon-icon-star:before {
  content: "\e914";
}

.icon-icon-check:before {
  content: "\e915";
}

.icon-arrow-left:before {
  content: "\e900";
}

.icon-arrow-long-down:before {
  content: "\e901";
}

.icon-arrow-long-right:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-right-small:before {
  content: "\e904";
}

.icon-icon-burger-menu:before {
  content: "\e905";
}

.icon-icon-cart:before {
  content: "\e906";
}

.icon-icon-circles:before {
  content: "\e907";
}

.icon-icon-close:before {
  content: "\e908";
}

.icon-icon-mail:before {
  content: "\e909";
}

.icon-icon-pin:before {
  content: "\e90a";
}

.icon-icon-search:before {
  content: "\e90b";
}

.icon-icon-twitter:before {
  content: "\f099";
}

.icon-icon-facebook:before {
  content: "\f09a";
}

.icon-icon-youtube:before {
  content: "\f16a";
}

.icon-icon-instagram:before {
  content: "\f16d";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-chat:before {
  content: "\e918";
}

.icon-heart:before {
  content: "\e91a";
}

.icon-phone:before {
  content: "\e919";
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  margin-bottom: 7px;
}
.fieldset p.required {
  font-size: 12px;
  margin: 0;
}

.fieldset + .fieldset {
  margin-top: 5px;
}

form .legend {
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #EDEDED;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box:after {
  content: '';
  display: table;
  clear: both;
}

li.centinel-logos div.input-box img {
  display: inline;
  vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
  float: left;
  margin-right: 5px;
  max-width: 100%;
}

/* -------------------------------------------- *
 * Labels
 */
label {
  display: inline-block;
  vertical-align: top;
  color: #474747;
  font-size: 12px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

label.required:before,
span.required:before {
  content: ' *';
  font-weight: normal;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
}

label.required em,
span.required em {
  display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #333;
  font-size: 12px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  height: 79px;
  min-height: 79px;
  resize: vertical;
  border: 1px solid #b2b2b2;
  -webkit-appearance: none;
}
textarea:focus {
  border-color: #8b6f4e;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.input-text.validation-failed {
  border-color: #df280a;
}

.input-text.validation-failed:focus {
  outline-color: #ef9485;
}

select,
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  height: 40px;
  padding: 0 8px;
  border: 1px solid #b2b2b2;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  border-radius: 0;
  outline: none;
  width: 100%;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
select:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus {
  border-color: #8b6f4e;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  max-width: 100%;
}

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  select,
  textarea {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
}
/* -------------------------------------------- *
 * Select
 */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 8px 4px;
  padding-right: 24px;
  background-color: #fff;
  -webkit-tap-highlight-color: #fff;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  background: transparent;
  box-shadow: none;
  color: #190013;
}
select:focus::-ms-value {
  background: transparent;
  box-shadow: none;
  color: #190013;
}
select:focus > option:checked,
select:focus > option:hover {
  box-shadow: 0 0 10px 100px #fff inset !important;
}
select option:hover, select option:checked {
  box-shadow: 0 0 10px 100px #fff inset !important;
}

select + select {
  margin-left: 5px;
}

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  text-align: center;
  vertical-align: middle;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
  color: #191919;
  opacity: 1;
}

input:-moz-placeholder {
  color: #191919;
  opacity: 1;
}

/* -------------------------------------------- *
 * Validation
 */
.validation-advice {
  margin: 5px 0 0;
  color: #df280a;
  font-size: 13px;
}

p.required {
  font-size: 12px;
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
  margin-bottom: 15px;
}
.form-list .field,
.form-list .wide,
.form-list .control {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .form-list .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .form-list .fields .wide-label {
    width: 100%;
  }
  .form-list .fields .field {
    width: calc(50% - 8px);
  }
}
.form-list .form-note,
.form-list .label-note {
  color: #898989;
  font-style: italic;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
}
.form-list .label-note {
  font-size: 10px;
}
@media only screen and (min-width: 980px) {
  .form-list .form-note {
    padding: 3px 0 0;
  }
}

/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
  /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
  display: inline;
  float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
  display: none;
}
.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
  float: none;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
  padding-left: 10px;
  background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
  background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {
  max-width: 100%;
}

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit;
}

.form-list .control {
  position: relative;
}
.form-list .control [type="checkbox"],
.form-list .control [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.form-list .control [type="checkbox"]:disabled + label,
.form-list .control [type="checkbox"]:disabled + .label,
.form-list .control [type="radio"]:disabled + label,
.form-list .control [type="radio"]:disabled + .label {
  pointer-events: none;
}
.form-list .control [type="checkbox"]:disabled + label:before,
.form-list .control [type="checkbox"]:disabled + .label:before,
.form-list .control [type="radio"]:disabled + label:before,
.form-list .control [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.form-list .control [type="checkbox"] + label,
.form-list .control [type="checkbox"] + .label,
.form-list .control [type="radio"] + label,
.form-list .control [type="radio"] + .label {
  margin-left: 28px;
}
.form-list .control [type="checkbox"] + label:before,
.form-list .control [type="checkbox"] + .label:before,
.form-list .control [type="radio"] + label:before,
.form-list .control [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.form-list .control [type="checkbox"]:checked + label:before,
.form-list .control [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.form-list .control [type="checkbox"] + label:before,
.form-list .control [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.form-list .control [type="radio"]:checked + label:before,
.form-list .control [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.form-list .control [type="radio"] + label:before,
.form-list .control [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.form-list .control label {
  float: none;
}
.form-list .control .input-box {
  clear: none;
  display: inline-block;
  width: auto;
  padding: 0;
}

form .form-instructions {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 13px;
  color: #333;
}

/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
  text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
  width: 100%;
}

.data-table td,
.data-table th {
  padding: 10px;
  vertical-align: top;
}

.data-table th {
  background: #f9f9f9;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  line-height: 1.4;
  white-space: nowrap;
}

.data-table thead th,
.data-table tbody td {
  border-bottom: 1px solid #d8d8d8;
}

.data-table tbody td,
.data-table tfoot td {
  font-family: Georgia, Times, "Times New Roman", serif;
}

.data-table tfoot tr {
  background: #f9f9f9;
}

/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
  border: 1px solid #d8d8d8;
  padding: 12px 15px;
  margin: 0 0 15px;
}
.info-box h2 {
  font-weight: bold;
  font-size: 13px;
}

.info-table th,
.info-table td {
  vertical-align: top;
}

.info-table th {
  font-weight: bold;
  padding: 4px 20px 4px 0;
}

.info-table td {
  padding: 4px 0;
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
  border-top: 1px solid #d8d8d8;
}
.zebra-table td,
.zebra-table th {
  border-bottom: 1px solid #d8d8d8;
  padding: 6px;
  background-color: transparent;
}
.zebra-table tr {
  background-color: #f9f9f9;
}
.zebra-table tr:nth-child(odd) {
  background-color: #f9f9f9;
}

/* ============================================ *
 * Linearize Table
 * ============================================ */
@media only screen and (max-width: 479px) {
  .linearize-table {
    /* Helpers */
  }
  .linearize-table tr,
  .linearize-table th,
  .linearize-table td {
    display: block;
  }
  .linearize-table thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table thead th.lin-hide {
    display: none;
  }
  .linearize-table thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table tbody tr {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
  }
  .linearize-table tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table tbody td.lin-hide {
    display: none;
  }
  .linearize-table tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table tbody td:first-child,
  .linearize-table tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
  }
  .linearize-table tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table tfoot td {
    display: block;
    float: left;
  }
  .linearize-table tfoot td.lin-hide {
    display: none;
  }
  .linearize-table tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table .linearize-hide {
    display: none;
  }
  .linearize-table .linearize-unpad {
    padding: 0;
  }
  .linearize-table .linearize-show {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .linearize-table-large {
    /* Helpers */
  }
  .linearize-table-large tr,
  .linearize-table-large th,
  .linearize-table-large td {
    display: block;
  }
  .linearize-table-large thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table-large thead th.lin-hide {
    display: none;
  }
  .linearize-table-large thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table-large tbody tr {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
  }
  .linearize-table-large tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table-large tbody td.lin-hide {
    display: none;
  }
  .linearize-table-large tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table-large tbody td:first-child,
  .linearize-table-large tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table-large tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table-large tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
  }
  .linearize-table-large tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table-large tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table-large tfoot td {
    display: block;
    float: left;
  }
  .linearize-table-large tfoot td.lin-hide {
    display: none;
  }
  .linearize-table-large tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table-large tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table-large .linearize-hide {
    display: none;
  }
  .linearize-table-large .linearize-unpad {
    padding: 0;
  }
  .linearize-table-large .linearize-show {
    display: block;
  }
}
@media only screen and (min-width: 600px) {
  .linearize-table .linearize-collapse {
    display: none;
  }
}
@media only screen and (min-width: 767px) {
  iframe#submit-a-site {
    height: 1500px;
    width: 770px;
  }
}
@media only screen and (max-width: 768px) {
  iframe#submit-a-site {
    height: 3200px;
    width: 350px;
  }
  iframe body#submit-a-site {
    width: 350px;
  }
}

#submit-a-site {
  background-color: transparent;
  text-align: center;
  width: 100%;
}
#submit-a-site form {
  text-align: left;
}
#submit-a-site label {
  text-align: left;
  display: block;
  width: 100%;
}
#submit-a-site .full p {
  padding-bottom: 20px;
}
#submit-a-site .full p a {
  color: #8b6f4e;
  text-decoration: underline;
}
#submit-a-site .full p a:hover {
  text-decoration: none;
}
#submit-a-site #step1submit {
  margin: 0 auto;
  width: 500px;
}
#submit-a-site #step1submit form div.form {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #submit-a-site #step1submit .full {
    width: 350px;
  }
}
#submit-a-site #step1submit .left {
  float: none;
  width: 95%;
}
#submit-a-site #step1submit #step1submit_zipcode {
  width: 100%;
}
#submit-a-site #step2 div.left, #submit-a-site #step2 div.right, #submit-a-site #step3 div.left, #submit-a-site #step3 div.right {
  clear: none;
  float: left;
}
#submit-a-site #step3 #map {
  margin-top: 0;
}
#submit-a-site #step3 button#step3_0 {
  text-indent: -200px;
}
#submit-a-site #step3 button#step3_0:after {
  content: "submit";
  text-indent: 115px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  #submit-a-site #step3 .left,
  #submit-a-site #step3 .right {
    width: 100%;
  }
}
#submit-a-site form button {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #8b6f4e;
  color: #fff;
  transition: background 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
  font-size: 14px;
  font-weight: lighter;
  text-transform: uppercase;
}
#submit-a-site form button:hover {
  background: #7b6245;
  color: #fff;
}
#submit-a-site form#step3 button {
  margin-top: 20px;
}
#submit-a-site form#step3 button.uploadsubmit:after {
  content: "UPLOAD";
}
@media only screen and (max-width: 768px) {
  #submit-a-site form div.form {
    width: 310px;
  }
}
#submit-a-site form input[type="checkbox"],
#submit-a-site form input[type="radio"] {
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #submit-a-site form select option {
    padding: 10px 0;
  }
  #submit-a-site form input[type="checkbox"],
  #submit-a-site form input[type="radio"] {
    transform: scale(2);
    margin-left: 10px;
  }
}
#submit-a-site form .left {
  width: 47%;
  margin: 1em 1em 0 0;
}
#submit-a-site form .right .form.radchk label {
  width: auto;
}
#submit-a-site form .right .form.radchk label.label {
  width: 100%;
  font-weight: bold;
}
#submit-a-site form h3 {
  padding-top: 30px;
}
#submit-a-site form #subtype {
  min-height: 100px;
}
#submit-a-site form select option:hover, #submit-a-site form select option:checked {
  box-shadow: 0 0 10px 100px #8b6f4e inset !important;
}

/* ============================================ *
 * Global
 * ============================================ */
html,
body {
  min-height: 100%;
}

.wrapper {
  min-width: 320px;
  min-height: 100%;
  overflow: hidden;
}

.page {
  background: #fff;
}

.dark-text {
  color: #000 !important;
}

/* ============================================ *
 * Header
 * ============================================ */
.page-header {
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .page-header {
    border-bottom: 1px solid #ececec;
  }
}
@media only screen and (max-width: 767px) {
  .page-header .header-content {
    min-height: 60px;
    text-align: center;
    padding: 16px 30% 0;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  }
}
@media only screen and (min-width: 768px) {
  .page-header .header-content {
    float: left;
    margin: 22px 0 0 1px;
  }
}

@media only screen and (max-width: 767px) {
  .page-header-container {
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .page-header-container {
    max-width: 1398px;
    margin: 0 auto;
    padding: 0 16px;
    min-height: 79px;
  }
  .page-header-container:after {
    content: '';
    display: table;
    clear: both;
  }
}

.header-top-section {
  background: #291809;
  color: #e8e8e8;
}
@media only screen and (min-width: 768px) {
  .header-top-section {
    position: relative;
  }
  .header-top-section .container {
    max-width: 1398px;
    margin: 0 auto;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.header-top-section .header-promo {
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 8px 10px 7px;
}
.header-top-section .header-promo a {
  color: #e8e8e8;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.header-top-section .header-promo a:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: -15px;
  text-align: right;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: inherit;
  width: 15px;
  content: "\e904";
}
@media only screen and (max-width: 767px) {
  .header-top-section .header-store-locator a {
    position: absolute;
    bottom: 1px;
    width: 48px;
    height: 59px;
    line-height: 59px;
    left: 13.33333%;
    text-align: center;
    color: #191919;
    text-decoration: none;
    z-index: 1;
  }
  .header-top-section .header-store-locator a:before {
    content: '\e916';
    font-size: 21px;
  }
  .header-top-section .header-store-locator a strong,
  .header-top-section .header-store-locator a span {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .header-top-section .header-store-locator {
    position: relative;
    background: #8b6f4e;
    z-index: 1;
    padding: 8px 5px 7px 37px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 0 40px;
  }
  .header-top-section .header-store-locator:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    background: #8b6f4e;
    width: 3000px;
    z-index: 0;
  }
  .header-top-section .header-store-locator a {
    color: #e8dec8;
    position: relative;
    padding-left: 24px;
    text-decoration: none;
  }
  .header-top-section .header-store-locator a:hover {
    color: #291809;
  }
  .header-top-section .header-store-locator a:before {
    content: "\e90a";
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .header-top-section .header-store-locator a strong {
    font-weight: normal;
    text-decoration: underline;
    display: inline-block;
    vertical-align: top;
  }
  .header-top-section .header-store-locator a span {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
  }
}
.header-top-section .header-store-locator a:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ============================================ *
 * Logo
 * ============================================ */
@media only screen and (max-width: 767px) {
  .logo {
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 768px) {
  .logo {
    margin: 0;
    float: left;
    position: relative;
    z-index: 2;
  }
}
.logo img {
  max-width: 100%;
}

/* -------------------------------------------- *
 * Skip - Link
 */
@media only screen and (min-width: 768px) {
  .skip-links {
    float: right;
    margin: 27px 0 0;
    position: relative;
    z-index: 10;
  }
}

@media only screen and (max-width: 767px) {
  .skip-link {
    position: absolute;
    top: 0;
    height: 59px;
    color: #191919;
    line-height: 59px;
    text-align: center;
    width: 48px;
  }
}

a.skip-link {
  text-decoration: none;
}

/* -------------------------------------------- *
 * Skip Link - Label
 */
.skip-link .label {
  display: none;
}

/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
  display: none;
}
.skip-content.skip-active {
  display: block;
}

/* ============================================ *
 * Global Header Navigation
 * ============================================ */
@media only screen and (max-width: 767px) {
  .account-cart-wrapper .skip-account {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .account-cart-wrapper {
    float: left;
    padding: 0 0 28px;
  }
}
.account-cart-wrapper .account-holder {
  float: left;
}
@media only screen and (max-width: 767px) {
  .account-cart-wrapper .account-holder {
    display: none;
  }
}

/* ============================================ *
 * Nav - Skip Link
 * ============================================ */
.nav-opener {
  text-decoration: none;
}
.nav-opener:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1200px) {
  .nav-opener .icon {
    display: block;
  }
  .nav-opener .icon:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e905';
    display: block;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-opener {
    left: 0.53333%;
    position: absolute;
    top: 0;
    height: 59px;
    color: #191919;
    line-height: 59px;
    text-align: center;
    width: 48px;
  }
  .nav-opener .icon:after {
    color: #191919;
  }
}
@media only screen and (min-width: 768px) {
  .nav-opener {
    float: left;
    padding: 0 0 0 30px;
    margin: 0 30px 0 0;
    font-weight: 500;
    cursor: pointer;
  }
  .active-menu .nav-opener {
    color: #8b6f4e;
  }
  .nav-opener .icon {
    position: absolute;
    top: 1px;
    left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .nav-opener .label {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .nav-opener .label {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .nav-opener {
    display: none;
  }
}

/* ============================================ *
 * Nav - Skip Content
 * ============================================ */
@media only screen and (max-width: 1199px) {
  body.active-menu #header-nav {
    display: block;
  }

  #header-nav {
    z-index: 10;
  }
}
@media only screen and (max-width: 767px) {
  body.animation-ready #header-nav {
    transition: transform 0.3s linear;
  }
  body.animation-ready .page {
    transition: left 0.3s linear;
  }
  body.active-menu, body.active-minicart {
    height: 100%;
    overflow: hidden;
  }
  body.active-menu .page {
    left: 100%;
  }
  body.active-menu #header-nav {
    transform: translate(0, 0);
  }
  body .page {
    position: relative;
    left: 0;
  }

  #header-nav {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    transform: translate(-100%, 0);
    overflow: hidden;
    display: block;
  }

  .main-navigation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .main-navigation .mobile-slide {
    transition: transform 0.3s linear;
    transform: translate(0, 0);
    padding: 61px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main-navigation .mobile-slide.active-drop {
    transform: translate(-100%, 0);
  }
  .main-navigation .navigation > li > a {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #595959;
    letter-spacing: 0.08em;
    padding: 25px 45px 23px 31px;
  }
  .main-navigation .navigation > li > a.drop-link:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    position: absolute;
    top: 27px;
    right: 31px;
    font-size: 11px;
    line-height: 1;
    color: #b2b2b2;
  }
  .main-navigation .heading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #fff;
  }
  .main-navigation .heading:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    background: #d8d8d8;
  }
  .main-navigation .heading span {
    display: block;
    position: relative;
    padding: 20px 16px 18px 57px;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: #191919;
    letter-spacing: 0.08em;
  }
  .main-navigation .heading span:before {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e917";
    font-size: 25px;
    line-height: 1;
    position: absolute;
    left: 16px;
    top: 17px;
  }
  .main-navigation .active-category {
    background: #8b6f4e;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    padding: 9px 33px 7px;
    height: 32px;
    letter-spacing: 0.08em;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
  }
  .main-navigation a {
    text-decoration: none;
  }
  .main-navigation .drop {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(100%, 0);
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
    transition: transform 0.3s linear, visibility 0.3s linear;
    visibility: hidden;
  }
  .main-navigation .drop.active {
    visibility: visible;
  }
  .main-navigation .drop > .mobile-slide {
    padding-top: 92px;
  }
  .main-navigation .drop-holder {
    max-height: 100%;
    overflow-y: auto;
    padding: 0 0 40px;
  }
  .main-navigation .nav-banner {
    display: none;
  }
  .main-navigation .sub-nav > li > a,
  .main-navigation .additional-nav > li > a {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #595959;
    letter-spacing: 0.08em;
    padding: 25px 45px 23px 31px;
  }
  .main-navigation .sub-nav > li > a.drop-link:after,
  .main-navigation .additional-nav > li > a.drop-link:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    position: absolute;
    top: 27px;
    right: 31px;
    font-size: 11px;
    line-height: 1;
    color: #b2b2b2;
  }
  .main-navigation .sub-nav > li > a > .icon,
  .main-navigation .additional-nav > li > a > .icon {
    display: none;
  }
  .main-navigation .category-type,
  .main-navigation .category-sub-title {
    display: block;
    border-bottom: 1px solid #b2b2b2;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #4a4a4a;
  }
  .main-navigation .category-type a,
  .main-navigation .category-type span,
  .main-navigation .category-sub-title a,
  .main-navigation .category-sub-title span {
    display: block;
    color: inherit;
    padding: 25px 32px 23px;
  }
  .main-navigation .nav-block {
    border-bottom: 1px solid #b2b2b2;
    padding: 0 0 0 33px;
  }
  .main-navigation .nav-block ul {
    margin: 0;
  }
  .main-navigation .nav-block li a {
    display: block;
    letter-spacing: 0.08em;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    color: #595959;
    padding: 25px 33px 24px 0;
    text-transform: uppercase;
  }
  .main-navigation .nav-title {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #595959;
    border-bottom: 1px solid #ececec;
    padding: 24px 33px 22px 0;
  }
  .main-navigation .nav-title a {
    text-decoration: none;
    color: inherit;
  }
  .main-navigation .nav-title a:hover {
    color: #8b6f4e;
  }
  .main-navigation .link-all {
    border-bottom: 1px solid #b2b2b2;
  }
  .main-navigation .link-all a {
    display: block;
    padding: 25px 32px 23px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #4a4a4a;
  }
  .main-navigation .account-link,
  .main-navigation #header-account .drop-link {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #595959;
    letter-spacing: 0.08em;
    padding: 25px 45px 23px 31px;
    text-decoration: none;
  }
  .main-navigation .account-link.drop-link:after,
  .main-navigation #header-account .drop-link.drop-link:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    position: absolute;
    top: 27px;
    right: 31px;
    font-size: 11px;
    line-height: 1;
    color: #b2b2b2;
  }
}
@media only screen and (min-width: 768px) {
  #header-nav {
    text-align: center;
    position: absolute;
    padding: 0 0 29px;
    top: 100%;
    left: 0;
    right: 0;
  }

  .touch .navigation > .wide > .drop > .mobile-slide > .drop-holder > .category-type {
    left: 50%;
    transform: translateX(-50%);
    max-width: 800px;
    margin: 0;
  }
  .touch .navigation > .wide > .drop > .mobile-slide > .drop-holder > .category-type + .sub-nav {
    padding-top: 64px;
  }
  .navigation > li > .drop > .mobile-slide > .drop-holder > .category-type {
    display: none;
  }
  .touch .navigation > li > .drop > .mobile-slide > .drop-holder > .category-type {
    display: block;
    width: 100%;
    position: absolute;
    top: 20px;
    padding: 8px 27px 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.08em;
    font-weight: normal;
  }
  .touch .navigation > li > .drop > .mobile-slide > .drop-holder > .category-type + .additional-nav,
  .touch .navigation > li > .drop > .mobile-slide > .drop-holder > .category-type + .additional-nav-container {
    padding-top: 54px;
  }
  .touch .navigation > li > .drop > .mobile-slide > .drop-holder > .category-type a {
    color: #474747;
    text-decoration: none;
  }
  .touch .navigation > li > .drop > .mobile-slide > .drop-holder > .category-type a:hover {
    color: #785c3d;
  }

  .main-navigation {
    position: relative;
  }
  .main-navigation .heading,
  .main-navigation .active-category {
    display: none;
  }
  .main-navigation .sub-nav .category-type:first-child {
    display: none !important;
  }
  .main-navigation .navigation {
    display: inline-block;
    vertical-align: top;
    padding: 32px 0 0;
  }
  .main-navigation .navigation > li {
    text-align: left;
    float: left;
    padding: 0 8px;
  }
  .main-navigation .navigation > li:hover > a {
    color: #785c3d;
  }
  .main-navigation .navigation > li:hover .drop {
    display: block;
  }
  .main-navigation .navigation > li:not(.wide) {
    position: relative;
  }
  .main-navigation .navigation > li:not(.wide) > .drop {
    min-width: 320px;
    left: -16px;
  }
  .main-navigation .navigation > li:not(.wide) .drop-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .main-navigation .navigation > li.wide > .drop {
    width: 100%;
    max-width: 945px;
    left: 50%;
    transform: translateX(-50%);
  }
  .main-navigation .navigation > li > .drop {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    padding: 30px 0 0;
    z-index: 10;
  }
  .main-navigation .navigation > li > .drop > .mobile-slide {
    background: #fff;
    position: relative;
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05);
  }
  .main-navigation .navigation > li > .drop > .mobile-slide:after {
    content: '';
    position: absolute;
    top: 90%;
    bottom: 0;
    left: 30px;
    right: 30px;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);
    z-index: -1;
  }
  .main-navigation .navigation > li > a {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #191919;
    text-decoration: none;
    letter-spacing: 0.07em;
  }
  .main-navigation .navigation > li > a:hover {
    color: #785c3d;
  }
  .main-navigation .sub-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 auto;
    padding: 30px 12px 42px;
    max-width: 800px;
  }
  .main-navigation .sub-nav > li {
    width: 25%;
    padding: 0 15px;
  }
  .main-navigation .sub-nav > li > a {
    display: block;
    position: relative;
    padding: 0 40px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #595959;
    text-transform: uppercase;
    margin: 0 0 25px;
    text-decoration: none;
  }
  .main-navigation .sub-nav > li > a:hover {
    color: #8b6f4e;
  }
  .main-navigation .sub-nav > li > a .icon {
    position: absolute;
    right: 7px;
    top: 0;
  }
  .main-navigation .sub-nav > li > .drop {
    border-top: 1px solid #b2b2b2;
    padding: 29px 0 0;
  }
  .main-navigation .nav-block {
    margin: 0 0 34px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
  }
  .main-navigation .nav-block li {
    margin: 0 0 10px;
  }
  .main-navigation .nav-block li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #474747;
    margin: 0 15px 0 0;
    text-decoration: none;
  }
  .main-navigation .nav-block li a:hover {
    color: #785c3d;
  }
  .main-navigation .nav-block li a:hover:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    position: absolute;
    left: 100%;
    top: 0;
    font-size: 8px;
    padding: 1px 0 0 8px;
  }
  .main-navigation .nav-title {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #a3a3a3;
    letter-spacing: 0.08em;
    margin: 0 0 10px;
  }
  .main-navigation .nav-title a {
    color: inherit;
    text-decoration: none;
  }
  .main-navigation .nav-title a:hover {
    color: #474747;
  }
  .main-navigation .additional-nav,
  .main-navigation .additional-nav-container {
    padding: 20px 27px;
    min-width: 245px;
  }
  .main-navigation .additional-nav {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.08em;
  }
  .main-navigation .additional-nav li {
    padding: 8px 0;
  }
  .main-navigation .additional-nav a {
    color: #474747;
    text-decoration: none;
  }
  .main-navigation .additional-nav a:hover {
    color: #785c3d;
  }
  .main-navigation .category-type,
  .main-navigation .category-sub-title {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #a3a3a3;
    letter-spacing: 0.08em;
    margin: 0 0 34px;
  }
  .main-navigation .link-all {
    font-size: 12px;
    line-height: 14px;
  }
  .main-navigation .link-all a {
    text-decoration: underline;
    color: #595959;
  }
  .main-navigation .link-all a:hover {
    text-decoration: none;
  }
  .main-navigation .nav-banner {
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    color: #595959;
    width: 171px;
    padding: 15px 0;
    position: relative;
  }
  .main-navigation .nav-banner .image {
    margin: 0 0 -3px;
  }
  .main-navigation .nav-banner .image img {
    max-width: 100%;
    height: auto;
  }
  .main-navigation .nav-banner .title {
    position: relative;
    padding: 0 10px 0 16px;
  }
  .main-navigation .nav-banner .title .number {
    position: absolute;
    top: 0;
    left: 17px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    background: #595959;
  }
  .main-navigation .nav-banner .title .number + span {
    margin: 0 0 0 25px;
  }
  .main-navigation .nav-banner .title span {
    display: inline-block;
    vertical-align: top;
  }
  .main-navigation .nav-banner .title a {
    color: inherit;
    text-decoration: none;
  }
  .main-navigation .nav-banner .title a:hover {
    color: #785c3d;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header-nav {
    margin: 1px 0 0;
    background: #fff;
    border-bottom: 1px solid #ececec;
    display: none;
  }

  .main-navigation .navigation > li:last-child:not(.wide) > .drop, .main-navigation .navigation > li:nth-last-child(2):not(.wide) > .drop {
    min-width: 320px;
    left: auto;
    right: -16px;
  }
}
@media only screen and (min-width: 1200px) {
  #header-nav {
    padding: 0 175px;
    position: relative;
    margin: 0;
    display: block !important;
  }

  .main-navigation {
    position: static;
  }
  .main-navigation .navigation > li > a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1310px) {
  .main-navigation .navigation > li {
    padding: 0 14px;
  }
  .main-navigation .navigation > li > a {
    font-size: 14px;
  }
}
.menu-promo {
  font-size: 14px;
  line-height: 22px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  padding: 12px 27px 0;
  max-width: 800px;
  margin: 0 auto;
  color: #8b6f4e;
}
@media only screen and (min-width: 768px) {
  .menu-promo {
    padding: 0 27px 42px 28%;
    margin-top: -56px;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
  }
}
@media only screen and (min-width: 980px) {
  .menu-promo {
    padding-left: 23%;
    padding-right: 16px;
  }
}
.menu-promo a {
  text-decoration: underline;
  color: #595959;
}
.menu-promo a:hover {
  text-decoration: none;
}

/* ============================================ *
 * Search - Skip Link
 * ============================================ */
.skip-search {
  color: #191919;
}
@media only screen and (max-width: 767px) {
  .skip-search {
    right: 13.33333%;
  }
}
@media only screen and (min-width: 768px) {
  .skip-search {
    float: left;
    line-height: 25px;
    margin: 1px 0 0;
  }
  .skip-search:hover {
    color: #8b6f4e;
  }
}
.skip-search.skip-active {
  color: #8b6f4e;
}
.skip-search .icon {
  display: block;
}
.skip-search .icon:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90b';
  display: block;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .skip-search .icon:after {
    font-size: 24px;
    line-height: 1;
  }
}

/* ============================================ *
 * Search - Skip Content
 * ============================================ */
#header-search {
  padding: 27px 16px 21px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  #header-search {
    display: block !important;
    position: absolute;
    background: #fff;
    top: -100%;
    left: -100%;
    padding: 23px 16px;
    z-index: 10;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);
  }
  #header-search.skip-active {
    top: 100%;
    margin: 1px 0 0;
    right: 0;
    left: 0;
  }
}

/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  #search_mini_form {
    margin: 0 auto;
    max-width: 810px;
  }
}
#search_mini_form .input-box {
  position: relative;
}
#search_mini_form label {
  display: none;
}
#search_mini_form .search-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 56px;
  border: 0;
  background: none;
  min-width: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  #search_mini_form .search-button {
    height: 60px;
    width: 48px;
  }
}
#search_mini_form .search-button:hover:before {
  color: #8b6f4e;
}
#search_mini_form .search-button:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90b';
  font-size: 23px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #595959;
  margin: -2px 0 0;
}
@media only screen and (min-width: 768px) {
  #search_mini_form .search-button:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
#search_mini_form .input-text {
  color: #b2b2b2;
}
#search_mini_form .clear-ready {
  color: #595959;
}
#search_mini_form .clear-ready ~ .search-reset {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear;
}
#search_mini_form .search-reset {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 0;
  line-height: 0;
  margin: -1px 0 0;
  opacity: 0;
  transition: opacity 0s linear;
  visibility: hidden;
}
@media only screen and (min-width: 768px) {
  #search_mini_form .search-reset {
    cursor: pointer;
    right: 16px;
  }
  #search_mini_form .search-reset:hover {
    color: #8b6f4e;
  }
}
#search_mini_form .search-reset:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  display: block;
  font-size: 22px;
  line-height: 1;
}

#search {
  width: 100% !important;
  height: 56px;
  border: solid #b2b2b2;
  border-width: 0 0 1px;
  padding: 0 30px 0 45px;
  font-size: 16px;
  font-weight: normal;
  color: #595959;
}
#search::-webkit-input-placeholder {
  color: #595959;
}
#search:-moz-placeholder {
  color: #595959;
}
#search::-moz-placeholder {
  color: #595959;
  opacity: 1;
}
#search:-ms-input-placeholder {
  color: #595959;
}
#search::-ms-clear, #search::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
@media only screen and (min-width: 768px) {
  #search {
    padding: 0 53px 0 77px;
    font-size: 24px;
    height: 60px;
  }
}

/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
@media only screen and (min-width: 768px) {
  .skip-account {
    margin: 3px 0 0 25px;
    float: left;
    position: relative;
    padding: 0 20px 0 0;
    max-width: 136px;
    line-height: 1.5;
  }
  .skip-account:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90c";
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 7px;
  }
  .skip-account.skip-active, .skip-account:not(.skip-active):hover {
    color: #8b6f4e;
  }
  .skip-account.skip-active:after {
    content: "\e90d";
  }
  .skip-account .label {
    display: block;
    font-weight: 500;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* -------------------------------------------- *
 * Account Links
 */
@media only screen and (min-width: 768px) {
  .account-link {
    font-weight: 600;
    margin: 3px 15px 0 36px;
    float: left;
  }
  .account-link:hover {
    text-decoration: none;
    color: #8b6f4e;
  }
}

@media only screen and (max-width: 767px) {
  #header-account {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  #header-account {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  #header-account.skip-active {
    display: block;
    position: absolute;
    z-index: 10;
    top: 100%;
    right: -16px;
    width: 280px;
    margin: 1px 0 0;
    background: #f9f9f9;
    text-align: left;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1440px) {
  #header-account.skip-active {
    right: -37px;
  }
}
@media only screen and (min-width: 768px) {
  #header-account .account-link,
  #header-account .drop-link,
  #header-account .heading,
  #header-account .active-category {
    display: none;
  }
  #header-account .sub-nav {
    letter-spacing: 0.08em;
    font-weight: 500;
  }
}
@media only screen and (min-width: 768px) {
  #header-account ul {
    padding: 20px 46px 22px;
  }
}
@media only screen and (min-width: 768px) {
  #header-account li {
    padding: 9px 0;
  }
}
@media only screen and (max-width: 767px) {
  #header-account a {
    display: block;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  #header-account a {
    color: #474747;
    text-decoration: none;
  }
  #header-account a:hover {
    color: #8b6f4e;
  }
}
@media only screen and (min-width: 768px) {
  #header-account .mobile-opener {
    display: none;
  }
}

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart {
  color: #191919;
}
@media only screen and (max-width: 767px) {
  .skip-cart {
    right: 0.53333%;
  }
}
@media only screen and (min-width: 768px) {
  .skip-cart {
    display: block;
    line-height: 25px;
    text-align: center;
    width: 33px;
  }
  .skip-cart:hover {
    color: #8b6f4e;
  }
}
.skip-cart.skip-active {
  color: #8b6f4e;
}
.skip-cart.no-count .count {
  display: none;
}
.skip-cart .icon {
  display: block;
}
.skip-cart .icon:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  font-size: 17px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .skip-cart .icon:after {
    font-size: 22px;
    line-height: 24px;
  }
}
.skip-cart .count {
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: 4%;
  min-width: 21px;
  height: 21px;
  border: 1px solid #fff;
  background: #8b6f4e;
  font-size: 10px;
  line-height: 19px;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .skip-cart .count {
    top: -7px;
    right: -8px;
  }
}

#header-cart {
  background: #f9f9f9;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #header-cart {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
}

@media only screen and (min-width: 768px) {
  #header-cart.skip-active {
    display: block;
    position: absolute;
    top: 100%;
    right: -16px;
    margin: 1px 0 0;
    width: 440px;
  }
  #header-cart.skip-active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 14px;
    right: 14px;
    top: 90%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    z-index: -1;
  }
}
@media only screen and (min-width: 1400px) {
  #header-cart.skip-active {
    right: -37px;
  }
}
.skip-cart .count.empty {
  display: none;
}

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
  padding: 20px;
  text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
  overflow: hidden;
  padding: 15px;
}

.cart-menu .actions .button {
  float: left;
  width: 48%;
}

.cart-menu .actions .button + .button {
  margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
  padding: 0 15px 15px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.2;
}

/* List */
.mini-cart-list {
  margin-bottom: 5px;
}

.mini-cart-list li {
  position: relative;
  min-height: 90px;
  padding: 15px 15px 15px 90px;
  border-top: 1px solid #CCCCCC;
  font-size: 13px;
  line-height: 1.35;
}

.mini-cart-list .product-name {
  display: inline-block;
}

.mini-cart-list .product-image {
  position: absolute;
  left: 15px;
  top: 15px;
}

.mini-cart-list .product-image img {
  width: 60px;
  height: 60px;
}

.mini-cart-list .has-options {
  margin-bottom: 0;
  color: #333;
  font-size: 12px;
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
  padding: 10px 15px 15px;
  border-top: 1px solid #CCCCCC;
  font-size: 13px;
}

/* ============================================ *
 * Footer
 * ============================================ */
/* -------------------------------------------- *
 * Footer
 */
.footer-container {
  background: #595959;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
  .footer-container {
    font-size: 12px;
    line-height: 20px;
  }
}

.footer {
  background: #fff;
  padding: 63px 0 30px;
  color: #595959;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding: 91px 0 44px;
  }
}
.footer .footer-holder {
  margin: 0 auto;
  max-width: 1168px;
  padding: 0 16px;
}
.footer .blocks-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
  .footer .blocks-holder.four-columns-layout .block {
    width: 25%;
  }
}
.footer .blocks-holder .block {
  width: 50%;
  margin: 0 0 25px;
  padding: 0 5px;
}
@media only screen and (min-width: 768px) {
  .footer .blocks-holder .block {
    width: 20%;
    margin-bottom: 41px;
  }
}
.footer .blocks-holder .block.wide {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .footer .blocks-holder .block.wide {
    padding-top: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .blocks-holder .block.wide {
    width: 50%;
  }
}
.footer .title {
  display: block;
  text-transform: uppercase;
  color: #191919;
  font-weight: 500;
  margin: 0 0 5px;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 768px) {
  .footer .title {
    margin-bottom: 14px;
  }
}
.footer li {
  margin: 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .footer li {
    margin-bottom: 6px;
  }
}
.footer a {
  color: #595959;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .footer a:hover {
    color: #8b6f4e;
  }
}
@media only screen and (max-width: 767px) {
  .footer .social-networks {
    padding-top: 4px;
  }
}
.footer .social-networks li {
  display: inline-block;
  vertical-align: top;
  margin: 0 9px 5px 0;
}
@media only screen and (min-width: 768px) {
  .footer .social-networks li {
    margin: 0 19px 10px 0;
  }
}
.footer .social-networks a {
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .footer .social-networks a:hover {
    color: #8b6f4e;
  }
}
.footer .social-networks a.facebook:before {
  content: "\f09a";
}
.footer .social-networks a.twitter:before {
  content: "\f099";
  font-size: 32px;
}
.footer .social-networks a.instagram:before {
  content: "\f16d";
  font-size: 29px;
}
.footer .social-networks a.youtube:before {
  content: "\f16a";
  font-size: 31px;
}
.footer .social-networks a.linkedin:before {
  content: "\f0e1";
  font-size: 31px;
  line-height: 26px;
}
.footer .social-networks a:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 27px;
  line-height: 32px;
}

.copyright-holder {
  margin: 0 auto;
  max-width: 1168px;
  padding: 32px 16px;
}
@media only screen and (min-width: 768px) {
  .copyright-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 14px;
  }
}
.copyright-holder a {
  color: #fff;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .copyright-holder a:hover {
    text-decoration: underline;
  }
}
.copyright-holder .sep {
  margin: 0 3px;
}

.copyright {
  margin: 0 0 83px;
}
@media only screen and (min-width: 768px) {
  .copyright {
    margin: 0 10px 0 0;
  }
}
.copyright span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .copyright strong {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .copyright strong {
    font-weight: normal;
  }
}

@media only screen and (max-width: 767px) {
  .copyright-links {
    font-size: 10px;
  }
}

/* ============================================ *
 * Homepage
 * ============================================ */
.cms-index-index .page,
.catalog-category-view .page,
.catalog-product-view .page,
.cms-shop .page,
.learn-page .page,
.learn-index .page,
.assistance-page .page {
  background: #fff url("../images/bg-type-1.png") repeat 50% 0;
  color: #191919;
}

.section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 0 60px;
  width: 100%;
  min-height: 607px;
  height: calc(100vh - 60px);
}
.section-container > * {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-container {
    height: calc(100vh - 109px);
    min-height: 600px;
  }
}
.section-container .scroll-link {
  color: #fff;
  position: absolute;
  right: 32px;
  bottom: 33px;
  opacity: 0.6;
  transition: opacity 0.2s linear;
}
.section-container .scroll-link:hover {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .section-container .scroll-link {
    display: none;
  }
}
.section-container .holder {
  position: relative;
  height: 1%;
  flex-grow: 1;
  overflow: hidden;
}
.section-container.wide-headline .text-block {
  max-width: 750px;
}
@media only screen and (min-width: 768px) {
  .section-container.wide-headline .text-block .text {
    max-width: 65%;
    margin: 0 auto;
  }
}
.section-container .sub-title {
  display: block;
  color: #e8dec8;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin: 0 0 26px;
}
@media only screen and (min-width: 768px) {
  .section-container .sub-title {
    margin-bottom: 16px;
  }
}

.homepage-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: relative;
  background-color: #000;
  text-align: center;
  height: 100%;
}
.homepage-hero .image-block,
.homepage-hero .text-holder {
  width: 100%;
}
.homepage-hero .image-block + .text-holder {
  margin: 0 0 0 -100%;
}
.homepage-hero .image-block picture {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  height: 100%;
}
.homepage-hero .image-block img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  margin: 0 -50%;
  display: inline-block;
  vertical-align: top;
  max-width: none;
}
.homepage-hero .text-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.homepage-hero .text-block {
  display: block;
  max-width: 600px;
  padding: 10px 16px 19px;
  color: #e8dec8;
  font-size: 14px;
  line-height: 26px;
  position: relative;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
  .homepage-hero .text-block {
    font-size: 16px;
    line-height: 28px;
    padding-top: 38px;
  }
}
.homepage-hero h1, .homepage-hero h2 {
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  position: relative;
  text-align: center;
  padding-bottom: 39px;
  color: #fff;
  margin: 0 0 29px;
}
@media only screen and (min-width: 768px) {
  .homepage-hero h1, .homepage-hero h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.homepage-hero h1:before, .homepage-hero h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: inherit;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .homepage-hero h1, .homepage-hero h2 {
    padding-bottom: 48px;
  }
}
.homepage-hero h1:before, .homepage-hero h2:before {
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .homepage-hero .text br {
    display: none;
  }
}
.homepage-hero .btn-holder {
  margin: 49px -6px 0;
}
@media only screen and (min-width: 768px) {
  .homepage-hero .btn-holder {
    margin-top: 43px;
  }
}
.homepage-hero a.btn {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 210px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #fff;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  border-color: rgba(255, 255, 255, 0.25);
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
  text-transform: uppercase;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  font-weight: 500;
  letter-spacing: 0.08em;
}
.homepage-hero a.btn:hover {
  background: #8b6f4e;
  color: #fff;
  border-color: #8b6f4e;
}

@media only screen and (min-width: 768px) {
  .section-container .block-container {
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .section-container .block-roasting {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.block-roasting {
  background: #191919;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .block-roasting {
    max-width: 360px;
    position: relative;
    z-index: 1;
  }
}
.block-roasting .content-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 13px 18px 11px;
}
@media only screen and (max-width: 767px) {
  .block-roasting .content-section {
    margin: 0 auto;
    max-width: 375px;
  }
}
@media only screen and (min-width: 768px) {
  .block-roasting .content-section {
    justify-content: flex-start;
  }
}
.block-roasting .content-section .image {
  position: relative;
  width: 72px;
  min-width: 72px;
  border-radius: 50%;
  overflow: hidden;
  padding: 7px;
  margin: 0 25px 0 0;
  background: url("../images/mask-roasting.svg") no-repeat 50% 50%;
}
@media only screen and (min-width: 768px) {
  .block-roasting .content-section .image {
    margin-right: 17px;
  }
}
.block-roasting .content-section .image img {
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.block-roasting .content-section .text {
  padding: 8px 0 0;
  width: 100%;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
  .block-roasting .content-section .text {
    padding-top: 4px;
  }
}
.block-roasting .content-section .sub-heading {
  display: block;
  text-transform: uppercase;
  color: #e8dec8;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.08em;
  margin: 0 0 6px;
}
.block-roasting .content-section .title {
  display: block;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 3px;
}
.block-roasting .content-section .link {
  margin-right: 9px;
  text-transform: uppercase;
  color: #8b6f4e;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.12em;
}
.block-roasting .content-section .link:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: -9px;
  text-align: right;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 8px;
  width: 9px;
  content: "\e904";
}
.block-roasting .timer-section {
  background: #333;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #b2b2b2;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 10px 2px;
}
@media only screen and (min-width: 768px) {
  .block-roasting .timer-section {
    padding: 9px 10px 4px;
  }
}
.block-roasting .timer-section .timer,
.block-roasting .timer-section .timer-title {
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px 5px;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 768px) {
  .block-roasting .timer-section .timer,
  .block-roasting .timer-section .timer-title {
    margin: 0 12px 5px;
  }
}
.block-roasting .timer-section .timer {
  color: #ececec;
  letter-spacing: 0.15em;
  margin-left: 21px;
}

.section-shop {
  background: #fff;
  padding: 55px 0 51px;
}
@media only screen and (min-width: 768px) {
  .section-shop {
    padding: 80px 0 43px;
  }
}
.section-shop .section-holder {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 16px;
}
.section-shop h2 {
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  position: relative;
  text-align: center;
  padding-top: 40px;
  margin: 0 0 45px;
}
@media only screen and (min-width: 768px) {
  .section-shop h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.section-shop h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
.section-shop h2:before {
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-shop h2 {
    margin-bottom: 69px;
  }
}
.section-shop .shop-list {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .section-shop .shop-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.section-shop .shop-list li {
  list-style: none;
  margin: 0 0 51px;
  text-align: center;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  .section-shop .shop-list li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-shop .shop-list li {
    width: 33.333%;
    padding: 0 16px;
    margin: 0 0 30px;
  }
}
.section-shop .shop-list .image {
  margin: 0 0 37px;
}
.section-shop .shop-list .image a {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  overflow: hidden;
}
.section-shop .shop-list img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.section-shop .shop-list .heading {
  margin: 0 0 21px;
}
@media only screen and (min-width: 768px) {
  .section-shop .shop-list .heading {
    margin-bottom: 24px;
  }
}
.section-shop .shop-list h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #191919;
  position: relative;
  padding: 0 0 12px;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .section-shop .shop-list h3 {
    padding-bottom: 15px;
  }
}
.section-shop .shop-list h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 2px;
  background: #8b6f4e;
}
.section-shop .shop-list h3 a {
  color: #191919;
  text-decoration: none;
}
.section-shop .shop-list h3 a:hover {
  color: #8b6f4e;
}
.section-shop .shop-list .description {
  margin: 0 auto;
  max-width: 240px;
  line-height: 22px;
}
.section-shop .shop-list p {
  margin: 0;
}

.gallery-section {
  background: #fff;
  margin: 0 0 60px;
}
.gallery-section.without-bottom-indent {
  margin-bottom: 0;
}
.gallery-section.pagination-on-top .content-block {
  padding-top: 103px;
  padding-bottom: 56px;
}
@media only screen and (min-width: 1200px) {
  .gallery-section.pagination-on-top .content-block {
    padding-bottom: 103px;
  }
}
.gallery-section.pagination-on-top .label-text {
  margin-bottom: 52px;
}
@media only screen and (min-width: 1200px) {
  .gallery-section.pagination-on-top .label-text {
    margin-bottom: 90px;
  }
}
.gallery-section.pagination-on-top h3 {
  line-height: 46px;
  margin-bottom: 33px;
}
@media only screen and (min-width: 1024px) {
  .gallery-section.pagination-on-top h3 {
    margin-bottom: 36px;
  }
}
.gallery-section.pagination-on-top .description-box {
  margin-bottom: 60px;
}
@media only screen and (min-width: 980px) {
  .gallery-section.pagination-on-top .description-box {
    margin-bottom: 42px;
  }
}
.gallery-section.pagination-on-top .list-options {
  margin-bottom: 29px;
}
@media only screen and (min-width: 768px) {
  .gallery-section.pagination-on-top .list-options {
    margin-bottom: 10px;
  }
}
.gallery-section.pagination-on-top .note-box {
  display: none;
}
@media only screen and (min-width: 768px) {
  .gallery-section.pagination-on-top .note-box {
    display: block;
    font-size: 10px;
    line-height: 20px;
    color: #595959;
    padding: 16px 0 0;
  }
}
.gallery-section.pagination-on-top .slick-slider .slick-dots {
  bottom: auto;
  top: 0;
  padding-top: 61px;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .gallery-section.pagination-on-top .slick-slider .slick-dots {
    opacity: 1;
    top: 0;
  }
}
.gallery-section .gallery {
  margin: 0 auto;
  max-width: 1440px;
  outline: none;
}
.gallery-section .slide {
  outline: none;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .gallery-section .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.gallery-section .slide .link-holder {
  padding: 18px 0 0;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.gallery-section .slide .link-holder a {
  color: #000;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: none;
  padding: 0 0 6px;
}
.gallery-section .slide .link-holder a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.gallery-section .slide .link-holder a:hover:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  .gallery-section .image-block {
    width: 50%;
    order: 2;
    overflow: hidden;
    position: relative;
    min-height: 610px;
  }
}
@media only screen and (min-width: 1200px) {
  .gallery-section .image-block {
    min-height: 720px;
  }
}
.gallery-section .image-block img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .gallery-section .image-block img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    max-width: none !important;
  }
}
.gallery-section .content-block {
  padding: 53px 16px 126px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 50%;
    order: 1;
    padding: 25px 5% 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .gallery-section .content-block {
    padding: 80px 5% 153px;
  }
}
.gallery-section .content-block.text-position-center {
  padding-top: 66px;
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block.text-position-center {
    padding-top: 30px;
  }
}
.gallery-section .content-block.text-position-center .text {
  max-width: 300px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block.text-position-center .text {
    padding-left: 8%;
    max-width: 520px;
  }
}
@media only screen and (min-width: 1200px) {
  .gallery-section .content-block.text-position-center .text {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
.gallery-section .content-block.text-position-center .label-text {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block.text-position-center .label-text {
    margin-bottom: 9px;
  }
}
.gallery-section .content-block.text-position-center h3 {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 46px;
  font-size: 33px;
  letter-spacing: 0.15em;
  margin-bottom: 19px;
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block.text-position-center h3 {
    margin-bottom: 9px;
  }
}
.gallery-section .content-block.text-position-center .description-box {
  margin-bottom: 0;
}
.gallery-section .content-block.text-position-center .btn-holder {
  margin-top: 47px;
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block.text-position-center .btn-holder {
    margin-top: 6%;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery-section .content-block.text-position-center .btn-holder {
    margin-top: 16%;
  }
}
.gallery-section .content-block.text-align-left .description-box, .gallery-section .content-block.text-align-right .description-box {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block.text-align-left {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-section .content-block.text-align-right {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-section .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    flex-grow: 1;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .gallery-section .text {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.gallery-section .label-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 43px;
  letter-spacing: 0.16em;
  color: #8b6f4e;
}
@media only screen and (min-width: 768px) {
  .gallery-section .label-text {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .gallery-section .label-text {
    margin-bottom: 17%;
  }
}
.gallery-section h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: normal;
  color: #262626;
  margin: 0 0 26px;
  text-transform: none;
}
@media only screen and (min-width: 1200px) {
  .gallery-section h3 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 6%;
  }
}
.gallery-section .description-box {
  margin: 0 auto 31px;
  font-size: 14px;
  line-height: 22px;
  max-width: 87%;
}
@media only screen and (min-width: 768px) {
  .gallery-section .description-box {
    margin-bottom: 6.8%;
    max-width: 430px;
  }
}
.gallery-section .description-box p {
  margin: 0;
}
.gallery-section .list-options {
  margin: 0 0 21px;
}
@media only screen and (min-width: 768px) {
  .gallery-section .list-options {
    margin-bottom: 0;
  }
}
.gallery-section .list-options li {
  list-style: none;
  display: inline-block;
  margin: 0 21px 20px;
  color: #b2b2b2;
}
@media only screen and (min-width: 768px) {
  .gallery-section .list-options li {
    margin: 0 4% 20px;
  }
}
.gallery-section .list-options .icon {
  height: 30px;
  margin: 0 0 8px;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}
.gallery-section .list-options .icon:before {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  content: '';
  height: 30px;
  margin: 0 0 0 -1px;
}
.gallery-section .list-options .icon img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.gallery-section .list-options .title {
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
}
.gallery-section .btn-holder {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .gallery-section .btn-holder {
    width: 100%;
  }
}
.gallery-section .button {
  text-transform: uppercase;
  min-width: 210px;
}
.gallery-section .slick-slider .slick-dots {
  position: absolute;
  bottom: 56px;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .gallery-section .slick-slider .slick-dots {
    right: 50%;
    bottom: 7.8%;
  }
}
.gallery-section .slick-slider .slick-arrow {
  color: #ececec;
}
@media only screen and (min-width: 768px) {
  .gallery-section .slick-slider .slick-arrow {
    width: 55px;
    height: 55px;
  }
  .gallery-section .slick-slider .slick-arrow:before {
    font-size: 32px;
  }
}
.gallery-section .slick-slider .slick-track {
  position: static;
}
.gallery-section .slick-slider .slick-slide {
  left: 0;
  right: 0;
}

.slick-slider .slick-arrow {
  border: none;
  background: none;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 40px;
  height: 40px;
  outline: none;
}
.slick-slider .slick-arrow:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-slider .slick-arrow.slick-prev {
  left: 0;
}
.slick-slider .slick-arrow.slick-prev:before {
  content: "\e900";
}
.slick-slider .slick-arrow.slick-next {
  right: 0;
}
.slick-slider .slick-arrow.slick-next:before {
  content: "\e903";
}
.slick-slider .slick-dots {
  margin: 0;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.slick-slider .slick-dots li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 6px;
}
.slick-slider .slick-dots li.slick-active button {
  background: #8b6f4e;
}
.slick-slider .slick-dots li button {
  display: block;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  background: #ececec;
  border: none;
  outline: none;
}

.signature-section {
  background: #ececec url("../images/bg-type-2.png") repeat 50% 0;
  padding: 50px 0 0;
}
@media only screen and (min-width: 768px) {
  .signature-section {
    padding: 72px 0 81px;
  }
}
.signature-section.alt h2 {
  margin-bottom: 21px;
}
@media only screen and (max-width: 979px) {
  .signature-section.alt h2 {
    line-height: 40px;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section.alt h2 {
    margin-bottom: 29px;
  }
}
@media only screen and (max-width: 979px) {
  .signature-section.alt .signature-block {
    padding: 21px 16px 40px;
  }
}
@media only screen and (min-width: 768px) {
  .signature-section.alt .signature-block {
    padding-bottom: 0;
  }
}
.signature-section.alt .main-section {
  text-align: left;
}
@media only screen and (min-width: 980px) {
  .signature-section.alt .main-section {
    padding-top: 10.5%;
  }
}
@media only screen and (max-width: 979px) {
  .signature-section.alt .description {
    margin: 0 auto;
    max-width: none;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section.alt .description {
    max-width: 430px;
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 979px) {
  .signature-section.alt .rewards-actions {
    margin-top: 47px;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section.alt .additional-section {
    padding-top: 3.8%;
    padding-bottom: 3.3%;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section.alt .list li {
    margin-bottom: 11%;
    min-height: 76px;
  }
}
@media only screen and (min-width: 768px) {
  .signature-section.alt .list .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 76px;
    width: 76px;
    margin: 0;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section .section-holder {
    margin: 0 auto;
    max-width: 1238px;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section .signature-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    z-index: 1;
  }
}
.signature-section .main-section {
  font-size: 16px;
  line-height: 26px;
  color: #595959;
}
@media only screen and (max-width: 979px) {
  .signature-section .main-section {
    text-align: center;
    padding: 0 16px 41px;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section .main-section {
    width: 50%;
    padding: 0 3% 0 33px;
  }
}
.signature-section .image {
  margin: 0 0 11px;
}
@media only screen and (min-width: 980px) {
  .signature-section .image {
    margin: 0 0 0.8% -20px;
  }
}
.signature-section .image img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.signature-section h2 {
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  letter-spacing: 0.13em;
  margin: 0 0 40px;
}
@media only screen and (min-width: 768px) {
  .signature-section h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section h2 {
    margin-bottom: 6.7%;
  }
}
.signature-section .description {
  margin: 0 auto 49px;
  max-width: 90%;
}
@media only screen and (min-width: 980px) {
  .signature-section .description {
    max-width: 410px;
    margin: 0 0 17%;
  }
}
.signature-section .description p {
  margin: 0;
}
.signature-section .btn-holder .button {
  margin: 0 5px 16px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
  min-width: 210px;
}
@media only screen and (min-width: 980px) {
  .signature-section .btn-holder .button {
    margin: 0 15px 16px 0;
    min-width: 215px;
  }
}
.signature-section .additional-section {
  background: #fff;
  padding: 56px 11% 52px;
}
@media only screen and (min-width: 980px) {
  .signature-section .additional-section {
    width: 50%;
    margin: 8px 0 0;
    padding: 5.4% 6.5% 5.7%;
    position: relative;
    display: table;
  }
  .signature-section .additional-section:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 31px;
    right: 31px;
    top: 90%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    z-index: -1;
  }
}
.signature-section .list {
  margin: 0;
}
.signature-section .list li {
  margin: 0 0 51px;
  overflow: hidden;
  list-style: none;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .signature-section .list li {
    text-align: left;
  }
}
@media only screen and (min-width: 980px) {
  .signature-section .list li {
    overflow: hidden;
    margin-bottom: 17%;
  }
}
.signature-section .list li:last-child {
  margin-bottom: 0;
}
.signature-section .icon {
  margin: 0 0 35px;
}
@media only screen and (min-width: 768px) {
  .signature-section .icon {
    float: left;
    width: 100px;
    margin: 19px 0 0;
  }
}
.signature-section .icon img {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .signature-section .text {
    margin: 0 0 0 141px;
    padding: 0 15px 0 0;
  }
}
.signature-section h3 {
  text-transform: uppercase;
  margin: 0 0 13px;
  letter-spacing: 0.1em;
  font-size: 14px;
  left: 22px;
  font-weight: 500;
}
.signature-section p {
  margin: 0;
}

.storelocatop-section {
  background: #fff;
}
.storelocatop-section .section-holder {
  margin: 0 auto;
  max-width: 1440px;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .storelocatop-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}
.storelocatop-section .image-section {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .image-section {
    width: 100%;
  }
}
.storelocatop-section .image-section .caption {
  position: absolute;
  top: 24px;
  right: 24px;
  left: 24px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .image-section .caption {
    top: 40px;
    right: 45px;
    left: 45px;
  }
}
.storelocatop-section .image-section .location {
  background: #191919;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-weight: 500;
  padding: 10px 19px 10px 38px;
}
.storelocatop-section .image-section .location:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 18px;
  left: 19px;
}
.storelocatop-section .image-section img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .image-section + .content-section {
    margin: 0 0 0 -100%;
  }
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .content-section {
    width: 100%;
  }
}
.storelocatop-section .store-form {
  background: #fff;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .storelocatop-section .store-form {
    border-bottom: 1px solid #d8d8d8;
  }
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .store-form {
    margin: 0 auto;
    max-width: 750px;
  }
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .store-form .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.storelocatop-section .store-form label {
  display: block;
  position: relative;
  background: #191919;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.17em;
  padding: 41px 30px 39px 74px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .store-form label {
    width: 252px;
    padding: 34px 10px 32px 92px;
  }
}
.storelocatop-section .store-form label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #8b6f4e;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 32px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .store-form label:before {
    left: 39px;
  }
}
.storelocatop-section .store-form .input-holder {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .store-form .input-holder {
    width: calc(100% - 252px);
  }
}
.storelocatop-section .store-form .input-text {
  height: 96px;
  border: none;
  width: calc(100% - 42px);
  padding: 0 5px 0 31px;
  color: #b2b2b2;
}
.storelocatop-section .store-form .input-text.enter-ready {
  color: #291809;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .store-form .input-text {
    font-size: 14px;
    height: 98px;
  }
}
.storelocatop-section .store-form .button {
  position: absolute;
  top: 0;
  right: 0;
  height: 96px;
  width: 42px;
  background: none;
  border: none;
  min-width: 0;
  border-radius: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .storelocatop-section .store-form .button {
    height: 98px;
    text-align: left;
    padding: 0 0 0 3px;
  }
}
.storelocatop-section .store-form .button span span {
  display: inline-block;
  vertical-align: top;
}
.storelocatop-section .store-form .button span span:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #b2b2b2;
}

.main .columns-list,
.main .team-list {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .main .columns-list,
  .main .team-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -10px;
  }
}
@media only screen and (min-width: 980px) {
  .main .columns-list,
  .main .team-list {
    margin: 0 -1px;
  }
}
@media only screen and (min-width: 768px) {
  .main .columns-list.two-columns > li,
  .main .team-list.two-columns > li {
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 980px) {
  .main .columns-list.two-columns > li,
  .main .team-list.two-columns > li {
    width: calc(50% - 30px);
  }
}
@media only screen and (min-width: 768px) {
  .main .columns-list.three-columns > li,
  .main .team-list.three-columns > li {
    width: calc(33.333% - 20px);
  }
}
@media only screen and (min-width: 980px) {
  .main .columns-list.three-columns > li,
  .main .team-list.three-columns > li {
    width: calc(33.333% - 30px);
  }
}
.main .columns-list > li,
.main .team-list > li {
  list-style: none;
  background: #fff;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 16px;
  color: #474747;
  padding: 0 0 32px;
}
@media only screen and (max-width: 767px) {
  .main .columns-list > li:last-child,
  .main .team-list > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .main .columns-list > li,
  .main .team-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: left;
    margin: 0 10px 30px;
    padding-bottom: 18px;
  }
}
@media only screen and (min-width: 980px) {
  .main .columns-list > li,
  .main .team-list > li {
    margin: 0 15px 30px;
  }
}
.main .columns-list > li ul,
.main .team-list > li ul {
  margin: 0;
  padding: 8px 0 0;
  line-height: 21px;
  color: #595959;
  list-style: none;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.main .columns-list > li ul > li,
.main .team-list > li ul > li {
  position: relative;
  margin: 0 0 9px;
  padding: 0 0 0 29px;
}
.main .columns-list > li ul > li:before,
.main .team-list > li ul > li:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #595959;
}
.main .columns-list > li ul > li:last-child,
.main .team-list > li ul > li:last-child {
  margin-bottom: 0;
}
.main .columns-list .image,
.main .team-list .image {
  overflow: hidden;
}
.main .columns-list .image a,
.main .team-list .image a {
  display: block;
}
@media only screen and (min-width: 768px) {
  .main .columns-list .image a,
  .main .team-list .image a {
    overflow: hidden;
    transform: translate(0, 0);
  }
  .main .columns-list .image a:hover img,
  .main .team-list .image a:hover img {
    transform: scale(1.1);
  }
}
.main .columns-list .image a img,
.main .team-list .image a img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .main .columns-list .image a img,
  .main .team-list .image a img {
    transform: scale(1);
    transition: transform 0.2s linear;
  }
}
.main .columns-list .text-holder,
.main .team-list .text-holder {
  padding: 35px 12% 0;
}
@media only screen and (min-width: 768px) {
  .main .columns-list .text-holder,
  .main .team-list .text-holder {
    padding: 23px 6.5% 0;
    height: 1%;
    flex-grow: 1;
  }
}
.main .columns-list h3,
.main .team-list h3 {
  text-transform: none;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.03em;
  color: #191919;
  margin: 0 0 29px;
}
@media only screen and (min-width: 768px) {
  .main .columns-list h3,
  .main .team-list h3 {
    margin-bottom: 14px;
  }
}
.main .columns-list p,
.main .team-list p {
  margin: 0;
}
.main .columns-list div.btn-holder,
.main .team-list div.btn-holder {
  padding: 10px 12% 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .main .columns-list div.btn-holder,
  .main .team-list div.btn-holder {
    padding: 42px 6.5% 0;
  }
}
.main .columns-list .link-arrow-long,
.main .team-list .link-arrow-long {
  text-transform: uppercase;
  color: #b2b2b2;
  margin: 0;
}
.main .columns-list .link-arrow-long:hover,
.main .team-list .link-arrow-long:hover {
  color: #191919;
  text-decoration: none;
}

.team-section {
  padding: 56px 0 48px;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .team-section {
    background: #f3f3f3;
    padding: 80px 0 51px;
  }
}
@media only screen and (min-width: 768px) {
  .team-section .section-holder {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 16px;
  }
}
.team-section h2 {
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  position: relative;
  text-align: center;
  padding-top: 40px;
  margin: 0 0 45px;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 768px) {
  .team-section h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.team-section h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
.team-section h2:before {
  top: 0;
}
@media only screen and (min-width: 768px) {
  .team-section h2 {
    margin-bottom: 50px;
  }
}
.team-section .team-list li {
  text-align: center;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
  .team-section .team-list li {
    width: calc(33.333% - 20px);
    text-align: left;
  }
}
@media only screen and (min-width: 980px) {
  .team-section .team-list li {
    width: calc(33.333% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .team-section .team-list .text-holder {
    padding-bottom: 28px;
  }
}
.team-section .team-list .btn-holder {
  text-align: center !important;
}
@media only screen and (min-width: 768px) {
  .team-section .team-list .btn-holder {
    text-align: left !important;
  }
}

.subscription-section {
  background: #000;
  color: #fff;
  padding: 0 0 55px;
}
.subscription-section.label-left-side {
  padding-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .subscription-section.label-left-side {
    padding-top: 74px;
    padding-bottom: 72px;
  }
}
.subscription-section.label-left-side .text-block {
  text-align: left;
  padding-top: 50px;
  padding-bottom: 45px;
}
@media only screen and (min-width: 1024px) {
  .subscription-section.label-left-side .text-block {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.subscription-section.label-left-side .form-holder label {
  display: none;
}
@media only screen and (min-width: 768px) {
  .subscription-section.label-left-side form {
    max-width: none;
    padding: 15px 7px 0 0;
  }
}
.subscription-section.label-left-side .input-box {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .subscription-section.label-left-side .input-box:before {
    left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-section.label-left-side .input-box:before {
    top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .subscription-section.label-left-side .input-text {
    padding-right: 105px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-section.label-left-side .input-text {
    height: 45px;
  }
}
.subscription-section.label-left-side .button {
  position: absolute;
  right: 0;
  top: 2px;
}
.subscription-section.grey {
  background: #f9f9f9;
}
.subscription-section.grey .input-box:before {
  color: #b2b2b2;
}
.subscription-section.grey .input-text {
  color: #a3a3a3;
  border-bottom-color: #b2b2b2;
}
@media only screen and (min-width: 768px) {
  .subscription-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0;
  }
}
@media only screen and (min-width: 980px) {
  .subscription-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-section .content-block,
  .subscription-section .image-block {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-section .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-section .image-block .image-holder {
    margin: 0 auto;
  }
}
.subscription-section .image-block img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .subscription-section .image-block + .content-block {
    margin: 0 0 0 -100%;
    position: relative;
  }
}
.subscription-section .text-block {
  text-align: center;
  padding: 24px 16px;
}
@media only screen and (min-width: 768px) {
  .subscription-section .text-block {
    width: 50%;
    text-align: left;
    padding: 16px 11px;
  }
}
.subscription-section .text-block label {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  color: #474747;
  margin: 0;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .subscription-section .text-block label {
    max-width: 450px;
  }
}
.subscription-section .sub-title {
  display: block;
  color: #e8dec8;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin: 0 0 26px;
}
@media only screen and (min-width: 768px) {
  .subscription-section .sub-title {
    margin-bottom: 16px;
  }
}
.subscription-section h2 {
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #fff;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .subscription-section h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-section h2 {
    letter-spacing: 0.11em;
  }
}
@media only screen and (min-width: 980px) {
  .subscription-section h2 {
    max-width: 80%;
  }
}
.subscription-section .form-holder {
  padding: 1px 16px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .subscription-section .form-holder {
    width: 50%;
    padding: 16px 11px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-section form {
    padding: 38px 0 0;
    max-width: 446px;
  }
}
.subscription-section label {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 24px;
  max-width: 72%;
}
@media only screen and (min-width: 768px) {
  .subscription-section label {
    margin-bottom: 15px;
    max-width: none;
  }
}
.subscription-section .form-row {
  position: relative;
}
.subscription-section .input-box {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .subscription-section .input-box {
    position: relative;
    margin: 0 0 39px;
  }
}
.subscription-section .input-box:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  line-height: 1;
  font-size: 10px;
  position: absolute;
  top: 13px;
  left: 16px;
  color: #8b6f4e;
}
@media only screen and (min-width: 980px) {
  .subscription-section .input-box:before {
    left: 12px;
  }
}
.subscription-section .input-text {
  border: none;
  padding: 0 10px 0 47px;
  background: transparent;
  color: #e8dec8;
  border-bottom: 1px solid #8b6f4e;
}
.subscription-section .input-text::-webkit-input-placeholder {
  color: #e8dec8;
}
.subscription-section .input-text:-moz-placeholder {
  color: #e8dec8;
}
.subscription-section .input-text::-moz-placeholder {
  color: #e8dec8;
  opacity: 1;
}
.subscription-section .input-text:-ms-input-placeholder {
  color: #e8dec8;
}
@media only screen and (min-width: 768px) {
  .subscription-section .input-text {
    padding: 0 100px 3px 44px;
    font-size: 12px;
  }
}
.subscription-section .button {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 95px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #8b6f4e;
  color: #fff;
  transition: background 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  text-transform: uppercase;
}
.subscription-section .button:hover {
  background: #7b6245;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .subscription-section .button {
    position: absolute;
    top: 2px;
    right: 0;
  }
}

/* ============================================ *
 * Category Landing Pages
 * ============================================ */
.catalog-category-view .category-title {
  display: none;
}

.full-width-banner,
.top-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  font-size: 0;
  line-height: 0;
}
.catalog-category-view .full-width-banner.with-sub-title, .catalog-category-view
.top-banner.with-sub-title {
  margin-bottom: 45px;
}
@media only screen and (min-width: 1024px) {
  .catalog-category-view .full-width-banner.with-sub-title, .catalog-category-view
  .top-banner.with-sub-title {
    margin-bottom: 67px;
  }
}
.full-width-banner.with-sub-title .text-content,
.top-banner.with-sub-title .text-content {
  color: #fff;
}
.full-width-banner.with-sub-title .text-content .sub-title,
.top-banner.with-sub-title .text-content .sub-title {
  display: block;
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 11px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner.with-sub-title .text-content .sub-title,
  .top-banner.with-sub-title .text-content .sub-title {
    margin-bottom: 17px;
  }
}
.full-width-banner.with-sub-title .text-content h1,
.full-width-banner.with-sub-title .text-content h2,
.top-banner.with-sub-title .text-content h1,
.top-banner.with-sub-title .text-content h2 {
  color: #fff;
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin: 0 0 7px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .full-width-banner.with-sub-title .text-content h1,
  .full-width-banner.with-sub-title .text-content h2,
  .top-banner.with-sub-title .text-content h1,
  .top-banner.with-sub-title .text-content h2 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 16px;
  }
}
.full-width-banner.with-sub-title .text-content h1:before,
.full-width-banner.with-sub-title .text-content h2:before,
.top-banner.with-sub-title .text-content h1:before,
.top-banner.with-sub-title .text-content h2:before {
  display: none;
}
.full-width-banner.with-sub-title .text-content h1 span,
.full-width-banner.with-sub-title .text-content h2 span,
.top-banner.with-sub-title .text-content h1 span,
.top-banner.with-sub-title .text-content h2 span {
  display: block;
}
.full-width-banner.dark-background .text-content,
.top-banner.dark-background .text-content {
  color: #e8dec8;
}
.full-width-banner.dark-background h1,
.full-width-banner.dark-background h2,
.top-banner.dark-background h1,
.top-banner.dark-background h2 {
  color: #fff;
}
.full-width-banner.subtitle-gold-color .sub-title,
.top-banner.subtitle-gold-color .sub-title {
  color: #8b6f4e;
}
@media only screen and (min-width: 768px) {
  .full-width-banner.high,
  .top-banner.high {
    min-height: 450px;
  }
}
@media only screen and (min-width: 1024px) {
  .full-width-banner.high,
  .top-banner.high {
    min-height: 552px;
  }
}
.full-width-banner.text-left, .full-width-banner.text-right,
.top-banner.text-left,
.top-banner.text-right {
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .full-width-banner.text-left .text-holder, .full-width-banner.text-right .text-holder,
  .top-banner.text-left .text-holder,
  .top-banner.text-right .text-holder {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .full-width-banner.text-left .text-holder .text-content, .full-width-banner.text-right .text-holder .text-content,
  .top-banner.text-left .text-holder .text-content,
  .top-banner.text-right .text-holder .text-content {
    margin: 0 auto;
    max-width: 1168px;
    width: 100%;
  }
  .full-width-banner.text-left .text-holder .text-content > *, .full-width-banner.text-right .text-holder .text-content > *,
  .top-banner.text-left .text-holder .text-content > *,
  .top-banner.text-right .text-holder .text-content > * {
    max-width: 500px;
  }
}
.full-width-banner.text-left .text-content, .full-width-banner.text-right .text-content,
.top-banner.text-left .text-content,
.top-banner.text-right .text-content {
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .full-width-banner.text-left .text-content, .full-width-banner.text-right .text-content,
  .top-banner.text-left .text-content,
  .top-banner.text-right .text-content {
    max-width: none;
  }
}
.full-width-banner.text-left .text-content,
.top-banner.text-left .text-content {
  text-align: left;
}
.full-width-banner.text-left .text-content h1:not(.decor-position-top),
.full-width-banner.text-left .text-content h2:not(.decor-position-top),
.top-banner.text-left .text-content h1:not(.decor-position-top),
.top-banner.text-left .text-content h2:not(.decor-position-top) {
  text-align: left;
  padding: 0;
}
.full-width-banner.text-right .text-content,
.top-banner.text-right .text-content {
  text-align: right;
}
.full-width-banner.text-right .text-content h1:not(.decor-position-top),
.full-width-banner.text-right .text-content h2:not(.decor-position-top),
.top-banner.text-right .text-content h1:not(.decor-position-top),
.top-banner.text-right .text-content h2:not(.decor-position-top) {
  text-align: right;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .full-width-banner.text-top .text-holder,
  .top-banner.text-top .text-holder {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .full-width-banner.text-top .text-content,
  .top-banner.text-top .text-content {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .full-width-banner.text-top .text-content,
  .top-banner.text-top .text-content {
    padding-top: 80px;
  }
}
.full-width-banner.wide-content .text-content,
.top-banner.wide-content .text-content {
  max-width: 375px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner.wide-content .text-content,
  .top-banner.wide-content .text-content {
    max-width: 675px;
  }
}
.full-width-banner.wide-content .text-content .button,
.top-banner.wide-content .text-content .button {
  min-width: 270px;
}
.full-width-banner.without-bottom-indent,
.top-banner.without-bottom-indent {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .full-width-banner.subscriptions-banner .image-holder,
  .top-banner.subscriptions-banner .image-holder {
    min-height: 262px;
  }
}
@media only screen and (min-width: 1024px) {
  .full-width-banner.subscriptions-banner .image-holder,
  .top-banner.subscriptions-banner .image-holder {
    min-height: 448px;
  }
}
@media only screen and (max-width: 767px) {
  .full-width-banner.subscriptions-banner h1,
  .full-width-banner.subscriptions-banner h2,
  .top-banner.subscriptions-banner h1,
  .top-banner.subscriptions-banner h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .full-width-banner.subscriptions-banner h1.decor-position-top,
  .full-width-banner.subscriptions-banner h2.decor-position-top,
  .top-banner.subscriptions-banner h1.decor-position-top,
  .top-banner.subscriptions-banner h2.decor-position-top {
    padding-top: 30px;
  }
}
.full-width-banner.small-banner .image-holder,
.top-banner.small-banner .image-holder {
  min-height: 440px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner.small-banner .image-holder,
  .top-banner.small-banner .image-holder {
    min-height: 298px;
  }
}
.full-width-banner.small-banner .text-content,
.top-banner.small-banner .text-content {
  -webkit-justify-content: center;
  justify-content: center;
  color: #F3F3F3;
  font-size: 16px;
  line-height: 26px;
  width: 85%;
}
@media only screen and (min-width: 768px) {
  .full-width-banner.small-banner .text-content,
  .top-banner.small-banner .text-content {
    padding-top: 40px;
    padding-bottom: 27px;
  }
}
.full-width-banner.small-banner h2,
.top-banner.small-banner h2 {
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 23px;
}
@media only screen and (min-width: 1024px) {
  .full-width-banner.small-banner h2,
  .top-banner.small-banner h2 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .full-width-banner.with-image-overlay .image-holder:before,
  .top-banner.with-image-overlay .image-holder:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
}
.full-width-banner .image-holder,
.top-banner .image-holder {
  overflow: hidden;
  text-align: center;
  position: relative;
  min-height: 333px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .image-holder,
  .top-banner .image-holder {
    min-height: 400px;
  }
}
.full-width-banner .image-holder + .text-holder,
.top-banner .image-holder + .text-holder {
  margin: 0 0 0 -100%;
}
.full-width-banner .image-holder img,
.top-banner .image-holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  max-width: none;
  width: auto;
  min-width: 100%;
}
.full-width-banner .image-holder,
.full-width-banner .text-holder,
.top-banner .image-holder,
.top-banner .text-holder {
  width: 100%;
}
.full-width-banner .text-holder,
.top-banner .text-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.full-width-banner .text-content,
.top-banner .text-content {
  max-width: 325px;
  padding: 16px 16px 20px;
  color: #e8dec8;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content,
  .top-banner .text-content {
    max-width: 575px;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 15px;
  }
}
.full-width-banner .text-content h1,
.top-banner .text-content h1 {
  margin: 0 0 24px;
  color: #fff;
}
.full-width-banner .text-content h1:not(.decor-position-top),
.top-banner .text-content h1:not(.decor-position-top) {
  position: relative;
  text-align: center;
  padding-bottom: 39px;
  padding: 0 0 29px;
}
.full-width-banner .text-content h1:not(.decor-position-top):before,
.top-banner .text-content h1:not(.decor-position-top):before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: inherit;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content h1:not(.decor-position-top),
  .top-banner .text-content h1:not(.decor-position-top) {
    padding-bottom: 48px;
  }
}
.full-width-banner .text-content h1:not(.decor-position-top):before,
.top-banner .text-content h1:not(.decor-position-top):before {
  bottom: 0;
}
.full-width-banner .text-content h1.decor-position-top,
.top-banner .text-content h1.decor-position-top {
  position: relative;
  text-align: center;
  padding-top: 40px;
  padding: 40px 0 0;
}
.full-width-banner .text-content h1.decor-position-top:before,
.top-banner .text-content h1.decor-position-top:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #e8dec8;
  line-height: 1;
}
.full-width-banner .text-content h1.decor-position-top:before,
.top-banner .text-content h1.decor-position-top:before {
  top: 0;
}
@media only screen and (max-width: 979px) {
  .full-width-banner .text-content h1 br,
  .top-banner .text-content h1 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content h1,
  .top-banner .text-content h1 {
    padding-bottom: 32px;
    letter-spacing: 0.14em;
  }
}
.full-width-banner .text-content .title,
.top-banner .text-content .title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.15em;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content .title,
  .top-banner .text-content .title {
    font-size: 11px;
    letter-spacing: 0.17em;
  }
}
.full-width-banner .text-content .top-box,
.full-width-banner .text-content .middle-box,
.full-width-banner .text-content .bottom-box,
.top-banner .text-content .top-box,
.top-banner .text-content .middle-box,
.top-banner .text-content .bottom-box {
  width: 100%;
}
.full-width-banner .text-content .intro,
.top-banner .text-content .intro {
  font-size: 32px;
  line-height: 42px;
  color: #fff;
  letter-spacing: -0.03em;
  padding: 35px 0 0;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content .intro,
  .top-banner .text-content .intro {
    padding-top: 50px;
  }
}
.full-width-banner .text-content .signature-block,
.top-banner .text-content .signature-block {
  white-space: nowrap;
  min-height: 58px;
}
.full-width-banner .text-content .signature-block:before,
.top-banner .text-content .signature-block:before {
  content: "";
  position: absolute;
  left: 50%;
  margin: -8.5% 0 0 -3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content .signature-block:before,
  .top-banner .text-content .signature-block:before {
    margin-top: -3%;
  }
}
.full-width-banner .text-content .signature-block .content,
.top-banner .text-content .signature-block .content {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: normal;
  width: 170px;
  margin: 0 5px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content .signature-block .content,
  .top-banner .text-content .signature-block .content {
    font-size: 13px;
    line-height: 24px;
    width: 190px;
    margin: 10px 0 0;
  }
}
.full-width-banner .text-content .signature-block .name,
.top-banner .text-content .signature-block .name {
  display: block;
  color: #fff;
  font-weight: 500;
}
.full-width-banner .text-content .signature-block .position,
.top-banner .text-content .signature-block .position {
  display: block;
  color: #e2d7bc;
}
.full-width-banner .text-content .signature-block .signature,
.top-banner .text-content .signature-block .signature {
  display: inline-block;
  vertical-align: middle;
  margin: 0 -70px 0 -10px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content .signature-block .signature,
  .top-banner .text-content .signature-block .signature {
    margin: 0 -82px 0 -26px;
  }
}
.full-width-banner .text-content p,
.top-banner .text-content p {
  margin: 0;
}
.full-width-banner .text-content .btn-holder,
.top-banner .text-content .btn-holder {
  padding: 26px 0 0;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content .btn-holder,
  .top-banner .text-content .btn-holder {
    padding-top: 50px;
  }
}
.full-width-banner .text-content .button,
.top-banner .text-content .button {
  min-width: 210px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.full-width-banner .link-holder,
.top-banner .link-holder {
  max-width: 210px;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 21px 0 6px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .link-holder,
  .top-banner .link-holder {
    padding: 18px 0 0;
  }
}
.full-width-banner .link-holder a,
.top-banner .link-holder a {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: none;
  padding: 0 0 6px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .link-holder a:hover:after,
  .top-banner .link-holder a:hover:after {
    display: none;
  }
}
.full-width-banner .link-holder a:after,
.top-banner .link-holder a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #fff;
}

.catalog-category-view .top-banner, .learn-index .top-banner {
  margin: 0 0 60px;
}
.category-coffee-gift-subscription .top-banner,
.top-banner .category-gift-subscriptions {
  margin-bottom: 0;
}
.top-banner.without-bottom-indent {
  margin-bottom: 0;
}

.full-width-banner.wide-content .text-content {
  max-width: 700px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .full-width-banner.wide-content .text-content {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 31px;
    background-repeat: round;
  }
}
.full-width-banner.wide-content .text-content .intro {
  padding-top: 43px;
}
.full-width-banner.wide-content .text-content .signature-block {
  padding: 34px 0 0;
  min-height: 0;
}
@media only screen and (max-width: 767px) {
  .full-width-banner.wide-content .text-content .signature-block:before {
    display: none;
  }
}
.full-width-banner.wide-content .text-content .signature-block .content {
  width: 100%;
}
.full-width-banner.wide-content .text-content .signature-block .name {
  margin: 0 0 2px;
}
.full-width-banner .image-holder {
  min-height: 475px;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .image-holder {
    min-height: 480px;
  }
}
.full-width-banner .text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: 53px 16px 48px;
  max-width: 540px;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  .full-width-banner .text-content {
    padding: 52px 16px 47px;
  }
}

.main .prod-list.coffee-menu-products-grid > li,
.main .products-grid.coffee-menu-products-grid > li,
.main .products-list.coffee-menu-products-grid > li,
.search-recomend .prod-list.coffee-menu-products-grid > li,
.search-recomend .products-grid.coffee-menu-products-grid > li,
.search-recomend .products-list.coffee-menu-products-grid > li {
  margin-bottom: 44px;
}
@media only screen and (min-width: 980px) {
  .main .prod-list.coffee-menu-products-grid > li,
  .main .products-grid.coffee-menu-products-grid > li,
  .main .products-list.coffee-menu-products-grid > li,
  .search-recomend .prod-list.coffee-menu-products-grid > li,
  .search-recomend .products-grid.coffee-menu-products-grid > li,
  .search-recomend .products-list.coffee-menu-products-grid > li {
    padding-bottom: 45px;
  }
}
.main .prod-list.coffee-menu-products-grid .product-image,
.main .products-grid.coffee-menu-products-grid .product-image,
.main .products-list.coffee-menu-products-grid .product-image,
.search-recomend .prod-list.coffee-menu-products-grid .product-image,
.search-recomend .products-grid.coffee-menu-products-grid .product-image,
.search-recomend .products-list.coffee-menu-products-grid .product-image {
  height: 120px;
  margin: 0 auto 19px;
}
@media only screen and (min-width: 1024px) {
  .main .prod-list.coffee-menu-products-grid .product-image,
  .main .products-grid.coffee-menu-products-grid .product-image,
  .main .products-list.coffee-menu-products-grid .product-image,
  .search-recomend .prod-list.coffee-menu-products-grid .product-image,
  .search-recomend .products-grid.coffee-menu-products-grid .product-image,
  .search-recomend .products-list.coffee-menu-products-grid .product-image {
    height: 276px;
    margin-bottom: 40px;
  }
}
.main .prod-list.coffee-menu-products-grid .product-name,
.main .products-grid.coffee-menu-products-grid .product-name,
.main .products-list.coffee-menu-products-grid .product-name,
.search-recomend .prod-list.coffee-menu-products-grid .product-name,
.search-recomend .products-grid.coffee-menu-products-grid .product-name,
.search-recomend .products-list.coffee-menu-products-grid .product-name {
  font-weight: 500;
}
@media only screen and (min-width: 980px) {
  .main .prod-list.coffee-menu-products-grid .product-name,
  .main .products-grid.coffee-menu-products-grid .product-name,
  .main .products-list.coffee-menu-products-grid .product-name,
  .search-recomend .prod-list.coffee-menu-products-grid .product-name,
  .search-recomend .products-grid.coffee-menu-products-grid .product-name,
  .search-recomend .products-list.coffee-menu-products-grid .product-name {
    min-height: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .main .prod-list.coffee-menu-products-grid .product-name,
  .main .products-grid.coffee-menu-products-grid .product-name,
  .main .products-list.coffee-menu-products-grid .product-name,
  .search-recomend .prod-list.coffee-menu-products-grid .product-name,
  .search-recomend .products-grid.coffee-menu-products-grid .product-name,
  .search-recomend .products-list.coffee-menu-products-grid .product-name {
    font-size: 18px;
  }
}
@media only screen and (min-width: 980px) {
  .main .prod-list.coffee-menu-products-grid .btn-view-holder,
  .main .products-grid.coffee-menu-products-grid .btn-view-holder,
  .main .products-list.coffee-menu-products-grid .btn-view-holder,
  .search-recomend .prod-list.coffee-menu-products-grid .btn-view-holder,
  .search-recomend .products-grid.coffee-menu-products-grid .btn-view-holder,
  .search-recomend .products-list.coffee-menu-products-grid .btn-view-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.main .prod-list.rounded-list .product-image, .main .prod-list.tour-product-list .product-image,
.main .products-grid.rounded-list .product-image,
.main .products-grid.tour-product-list .product-image,
.main .products-list.rounded-list .product-image,
.main .products-list.tour-product-list .product-image,
.search-recomend .prod-list.rounded-list .product-image,
.search-recomend .prod-list.tour-product-list .product-image,
.search-recomend .products-grid.rounded-list .product-image,
.search-recomend .products-grid.tour-product-list .product-image,
.search-recomend .products-list.rounded-list .product-image,
.search-recomend .products-list.tour-product-list .product-image {
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.main .prod-list.rounded-list .product-image:before, .main .prod-list.tour-product-list .product-image:before,
.main .products-grid.rounded-list .product-image:before,
.main .products-grid.tour-product-list .product-image:before,
.main .products-list.rounded-list .product-image:before,
.main .products-list.tour-product-list .product-image:before,
.search-recomend .prod-list.rounded-list .product-image:before,
.search-recomend .prod-list.tour-product-list .product-image:before,
.search-recomend .products-grid.rounded-list .product-image:before,
.search-recomend .products-grid.tour-product-list .product-image:before,
.search-recomend .products-list.rounded-list .product-image:before,
.search-recomend .products-list.tour-product-list .product-image:before {
  display: none;
}
.main .prod-list.rounded-list .product-image a, .main .prod-list.tour-product-list .product-image a,
.main .products-grid.rounded-list .product-image a,
.main .products-grid.tour-product-list .product-image a,
.main .products-list.rounded-list .product-image a,
.main .products-list.tour-product-list .product-image a,
.search-recomend .prod-list.rounded-list .product-image a,
.search-recomend .prod-list.tour-product-list .product-image a,
.search-recomend .products-grid.rounded-list .product-image a,
.search-recomend .products-grid.tour-product-list .product-image a,
.search-recomend .products-list.rounded-list .product-image a,
.search-recomend .products-list.tour-product-list .product-image a {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .main .prod-list.rounded-list,
  .main .products-grid.rounded-list,
  .main .products-list.rounded-list,
  .search-recomend .prod-list.rounded-list,
  .search-recomend .products-grid.rounded-list,
  .search-recomend .products-list.rounded-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 1024px) {
  .main .prod-list.rounded-list,
  .main .products-grid.rounded-list,
  .main .products-list.rounded-list,
  .search-recomend .prod-list.rounded-list,
  .search-recomend .products-grid.rounded-list,
  .search-recomend .products-list.rounded-list {
    margin-bottom: -60px;
  }
}
.main .prod-list.rounded-list > li,
.main .products-grid.rounded-list > li,
.main .products-list.rounded-list > li,
.search-recomend .prod-list.rounded-list > li,
.search-recomend .products-grid.rounded-list > li,
.search-recomend .products-list.rounded-list > li {
  text-align: center;
  width: 100%;
  margin: 0 0 73px;
}
@media only screen and (max-width: 767px) {
  .main .prod-list.rounded-list > li:last-child,
  .main .products-grid.rounded-list > li:last-child,
  .main .products-list.rounded-list > li:last-child,
  .search-recomend .prod-list.rounded-list > li:last-child,
  .search-recomend .products-grid.rounded-list > li:last-child,
  .search-recomend .products-list.rounded-list > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .main .prod-list.rounded-list > li,
  .main .products-grid.rounded-list > li,
  .main .products-list.rounded-list > li,
  .search-recomend .prod-list.rounded-list > li,
  .search-recomend .products-grid.rounded-list > li,
  .search-recomend .products-list.rounded-list > li {
    width: 33.333%;
    padding: 0 16px 45px;
    margin: 0 0 70px;
  }
}
@media only screen and (min-width: 1024px) {
  .main .prod-list.rounded-list > li,
  .main .products-grid.rounded-list > li,
  .main .products-list.rounded-list > li,
  .search-recomend .prod-list.rounded-list > li,
  .search-recomend .products-grid.rounded-list > li,
  .search-recomend .products-list.rounded-list > li {
    margin-bottom: 88px;
  }
}
.main .prod-list.rounded-list .product-image,
.main .products-grid.rounded-list .product-image,
.main .products-list.rounded-list .product-image,
.search-recomend .prod-list.rounded-list .product-image,
.search-recomend .products-grid.rounded-list .product-image,
.search-recomend .products-list.rounded-list .product-image {
  max-width: 280px;
  margin-bottom: 47px;
}
@media only screen and (min-width: 768px) {
  .main .prod-list.rounded-list .product-image,
  .main .products-grid.rounded-list .product-image,
  .main .products-list.rounded-list .product-image,
  .search-recomend .prod-list.rounded-list .product-image,
  .search-recomend .products-grid.rounded-list .product-image,
  .search-recomend .products-list.rounded-list .product-image {
    max-width: 320px;
    margin-bottom: 38px;
  }
}
.main .prod-list.rounded-list .product-name,
.main .products-grid.rounded-list .product-name,
.main .products-list.rounded-list .product-name,
.search-recomend .prod-list.rounded-list .product-name,
.search-recomend .products-grid.rounded-list .product-name,
.search-recomend .products-list.rounded-list .product-name {
  font-size: 16px;
  margin: 0 0 31px;
}
@media only screen and (min-width: 768px) {
  .main .prod-list.rounded-list .product-name,
  .main .products-grid.rounded-list .product-name,
  .main .products-list.rounded-list .product-name,
  .search-recomend .prod-list.rounded-list .product-name,
  .search-recomend .products-grid.rounded-list .product-name,
  .search-recomend .products-list.rounded-list .product-name {
    margin-bottom: 38px;
  }
}
.main .prod-list.rounded-list .btn-view-holder,
.main .products-grid.rounded-list .btn-view-holder,
.main .products-list.rounded-list .btn-view-holder,
.search-recomend .prod-list.rounded-list .btn-view-holder,
.search-recomend .products-grid.rounded-list .btn-view-holder,
.search-recomend .products-list.rounded-list .btn-view-holder {
  display: block;
}
@media only screen and (min-width: 768px) {
  .main .prod-list.rounded-list .btn-view-holder,
  .main .products-grid.rounded-list .btn-view-holder,
  .main .products-list.rounded-list .btn-view-holder,
  .search-recomend .prod-list.rounded-list .btn-view-holder,
  .search-recomend .products-grid.rounded-list .btn-view-holder,
  .search-recomend .products-list.rounded-list .btn-view-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main .prod-list.tour-product-list,
  .main .products-grid.tour-product-list,
  .main .products-list.tour-product-list,
  .search-recomend .prod-list.tour-product-list,
  .search-recomend .products-grid.tour-product-list,
  .search-recomend .products-list.tour-product-list {
    padding-top: 24px;
  }
}
.main .prod-list.tour-product-list > li,
.main .products-grid.tour-product-list > li,
.main .products-list.tour-product-list > li,
.search-recomend .prod-list.tour-product-list > li,
.search-recomend .products-grid.tour-product-list > li,
.search-recomend .products-list.tour-product-list > li {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .main .prod-list.tour-product-list > li,
  .main .products-grid.tour-product-list > li,
  .main .products-list.tour-product-list > li,
  .search-recomend .prod-list.tour-product-list > li,
  .search-recomend .products-grid.tour-product-list > li,
  .search-recomend .products-list.tour-product-list > li {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .main .prod-list.tour-product-list > li,
  .main .products-grid.tour-product-list > li,
  .main .products-list.tour-product-list > li,
  .search-recomend .prod-list.tour-product-list > li,
  .search-recomend .products-grid.tour-product-list > li,
  .search-recomend .products-list.tour-product-list > li {
    margin-bottom: 20px;
  }
}
.main .prod-list.tour-product-list .product-image,
.main .products-grid.tour-product-list .product-image,
.main .products-list.tour-product-list .product-image,
.search-recomend .prod-list.tour-product-list .product-image,
.search-recomend .products-grid.tour-product-list .product-image,
.search-recomend .products-list.tour-product-list .product-image {
  max-width: 315px;
  margin-bottom: 23px;
}
@media only screen and (min-width: 980px) {
  .main .prod-list.tour-product-list .product-image,
  .main .products-grid.tour-product-list .product-image,
  .main .products-list.tour-product-list .product-image,
  .search-recomend .prod-list.tour-product-list .product-image,
  .search-recomend .products-grid.tour-product-list .product-image,
  .search-recomend .products-list.tour-product-list .product-image {
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 768px) {
  .main .prod-list.tour-product-list .product-name,
  .main .products-grid.tour-product-list .product-name,
  .main .products-list.tour-product-list .product-name,
  .search-recomend .prod-list.tour-product-list .product-name,
  .search-recomend .products-grid.tour-product-list .product-name,
  .search-recomend .products-list.tour-product-list .product-name {
    margin-bottom: 20px;
  }
}
.main .prod-list.tour-product-list .product-options,
.main .products-grid.tour-product-list .product-options,
.main .products-list.tour-product-list .product-options,
.search-recomend .prod-list.tour-product-list .product-options,
.search-recomend .products-grid.tour-product-list .product-options,
.search-recomend .products-list.tour-product-list .product-options {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
@media only screen and (min-width: 768px) {
  .main .prod-list.tour-product-list .product-options,
  .main .products-grid.tour-product-list .product-options,
  .main .products-list.tour-product-list .product-options,
  .search-recomend .prod-list.tour-product-list .product-options,
  .search-recomend .products-grid.tour-product-list .product-options,
  .search-recomend .products-list.tour-product-list .product-options {
    max-width: 280px;
  }
}
.main .prod-list .badge,
.main .products-grid .badge,
.main .products-list .badge,
.search-recomend .prod-list .badge,
.search-recomend .products-grid .badge,
.search-recomend .products-list .badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: #8b6f4e;
  color: #e8dec8;
  font-size: 9px;
  line-height: 14px;
  letter-spacing: 0.1em;
  padding: 10px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  .main .prod-list .badge,
  .main .products-grid .badge,
  .main .products-list .badge,
  .search-recomend .prod-list .badge,
  .search-recomend .products-grid .badge,
  .search-recomend .products-list .badge {
    margin: 0 0 0 8%;
  }
}
.main .prod-list .product-image,
.main .products-grid .product-image,
.main .products-list .product-image,
.search-recomend .prod-list .product-image,
.search-recomend .products-grid .product-image,
.search-recomend .products-list .product-image {
  margin: 0 0 25px;
  position: relative;
  height: 315px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media only screen and (min-width: 1024px) {
  .main .prod-list .product-image,
  .main .products-grid .product-image,
  .main .products-list .product-image,
  .search-recomend .prod-list .product-image,
  .search-recomend .products-grid .product-image,
  .search-recomend .products-list .product-image {
    margin-bottom: 25px;
  }
}
.main .prod-list .product-image:before,
.main .products-grid .product-image:before,
.main .products-list .product-image:before,
.search-recomend .prod-list .product-image:before,
.search-recomend .products-grid .product-image:before,
.search-recomend .products-list .product-image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.main .prod-list .product-image.americas:before,
.main .products-grid .product-image.americas:before,
.main .products-list .product-image.americas:before,
.search-recomend .prod-list .product-image.americas:before,
.search-recomend .products-grid .product-image.americas:before,
.search-recomend .products-list .product-image.americas:before {
  background-image: url("../images/pattern-image-01.png");
}
.main .prod-list .product-image.africaarabia:before,
.main .products-grid .product-image.africaarabia:before,
.main .products-list .product-image.africaarabia:before,
.search-recomend .prod-list .product-image.africaarabia:before,
.search-recomend .products-grid .product-image.africaarabia:before,
.search-recomend .products-list .product-image.africaarabia:before {
  background-image: url("../images/pattern-image-02.png");
}
.main .prod-list .product-image.indopacific:before,
.main .products-grid .product-image.indopacific:before,
.main .products-list .product-image.indopacific:before,
.search-recomend .prod-list .product-image.indopacific:before,
.search-recomend .products-grid .product-image.indopacific:before,
.search-recomend .products-list .product-image.indopacific:before {
  background-image: url("../images/pattern-image-03.png");
}
.main .prod-list .product-image img,
.main .products-grid .product-image img,
.main .products-list .product-image img,
.search-recomend .prod-list .product-image img,
.search-recomend .products-grid .product-image img,
.search-recomend .products-list .product-image img {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.main .prod-list .product-name,
.main .products-grid .product-name,
.main .products-list .product-name,
.search-recomend .prod-list .product-name,
.search-recomend .products-grid .product-name,
.search-recomend .products-list .product-name {
  display: block;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #191919;
  margin: 0 0 26px;
}
@media only screen and (min-width: 980px) {
  .main .prod-list .product-name,
  .main .products-grid .product-name,
  .main .products-list .product-name,
  .search-recomend .prod-list .product-name,
  .search-recomend .products-grid .product-name,
  .search-recomend .products-list .product-name {
    min-height: 48px;
  }
}
.main .prod-list .product-name a,
.main .products-grid .product-name a,
.main .products-list .product-name a,
.search-recomend .prod-list .product-name a,
.search-recomend .products-grid .product-name a,
.search-recomend .products-list .product-name a {
  color: inherit;
  text-decoration: none;
}
.main .prod-list .product-name a:hover,
.main .products-grid .product-name a:hover,
.main .products-list .product-name a:hover,
.search-recomend .prod-list .product-name a:hover,
.search-recomend .products-grid .product-name a:hover,
.search-recomend .products-list .product-name a:hover {
  color: #8b6f4e;
}
@media only screen and (max-width: 979px) {
  .main .prod-list .btn-view-holder,
  .main .products-grid .btn-view-holder,
  .main .products-list .btn-view-holder,
  .search-recomend .prod-list .btn-view-holder,
  .search-recomend .products-grid .btn-view-holder,
  .search-recomend .products-list .btn-view-holder {
    display: none;
  }
}

.product-options-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  font-size: 9px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #b2b2b2;
  margin: 0 -12px -10px;
}
.product-options-block .flavor,
.product-options-block .roast {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 0 28px;
  margin: 0 12px 10px;
}
.product-options-block .flavor {
  padding-left: 32px;
}

.main .prod-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 0 -3px;
  padding: 0 5px;
}
@media only screen and (min-width: 768px) {
  .main .prod-list {
    padding: 0;
    margin: 0 -16px -3px;
  }
}
.main .prod-list li {
  list-style: none;
  margin: 0 8px 26px;
  text-align: center;
  width: calc(50% - 16px);
}
@media only screen and (max-width: 767px) {
  .main .prod-list li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .main .prod-list li {
    width: calc(25% - 32px);
    margin: 0 16px 32px;
    position: relative;
    padding: 36px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .main .prod-list .badge {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .main .prod-list .product-image {
    height: 145px;
    margin-bottom: 8px;
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .main .prod-list .product-image:before {
    width: 117px;
    height: 117px;
  }
}
@media only screen and (max-width: 767px) {
  .main .prod-list .product-name {
    font-size: 14px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main .prod-list .product-options-block {
    display: none;
  }
}

.sticky-container {
  position: relative;
  min-height: 61px;
}

@media only screen and (max-width: 767px) {
  .mobile-nav-select {
    border: none;
    height: 59px;
    text-align: center;
    text-align-last: center;
    color: #785c3d;
    text-transform: uppercase;
    font-size: 16px;
    background-size: 12px 7px;
    background-position: calc(100% - 32px) 50%;
    padding: 0 55px;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-nav-select {
    display: none;
  }
}

.sticky-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #fff;
  border: solid #b2b2b2;
  border-width: 1px 0;
}
@media only screen and (min-width: 768px) {
  .sticky-nav {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .sticky-nav {
    font-size: 12px;
  }
}
.sticky-active .sticky-nav {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.new-layout .sticky-nav {
  border: none;
}
@media only screen and (max-width: 767px) {
  .sticky-nav > ul {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .sticky-nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 auto;
    max-width: 1136px;
  }
  .sticky-nav > ul li {
    display: inline-block;
    vertical-align: top;
    padding: 23px 0 20px;
    margin: 0 4px;
    position: relative;
  }
  .sticky-nav > ul li.active-section:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    height: 2px;
    background: #8b6f4e;
    width: 6000px;
  }
  .sticky-nav > ul li.active-section a {
    color: #785c3d;
  }
  .sticky-nav > ul a {
    display: block;
    color: #474747;
    text-decoration: none;
  }
  .sticky-nav > ul a:hover {
    color: #785c3d;
  }
}
@media only screen and (min-width: 1024px) {
  .sticky-nav > ul li {
    margin: 0 1%;
  }
}
@media only screen and (min-width: 1200px) {
  .sticky-nav > ul li {
    margin: 0 1.45%;
  }
}

@media only screen and (min-width: 768px) {
  .tabs-nav > ul {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 12px;
  }
}

.section-content.push-down .section-holder,
.section-content.push-down .section-block,
.section-banner-content.push-down .section-holder,
.section-banner-content.push-down .section-block {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .section-content.push-down .section-block,
  .section-banner-content.push-down .section-block {
    margin-bottom: -110px;
  }
}
.section-content.push-down .section-block .image-holder img,
.section-banner-content.push-down .section-block .image-holder img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .section-content.push-down + div,
  .section-banner-content.push-down + div {
    padding-top: 110px;
  }
  .section-content.push-down + div.section-shop,
  .section-banner-content.push-down + div.section-shop {
    padding-top: 190px;
  }
  .section-content.push-down + div.with-top-indent,
  .section-banner-content.push-down + div.with-top-indent {
    padding-top: 199px;
  }
}
.section-content h2,
.section-content h1,
.section-banner-content h2,
.section-banner-content h1 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #191919;
  margin: 0 0 7px;
}
@media only screen and (min-width: 768px) {
  .section-content h2,
  .section-content h1,
  .section-banner-content h2,
  .section-banner-content h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .section-content h2.mobile-inline-text span,
  .section-content h1.mobile-inline-text span,
  .section-banner-content h2.mobile-inline-text span,
  .section-banner-content h1.mobile-inline-text span {
    display: inline;
  }
}
.section-content h2 span,
.section-content h1 span,
.section-banner-content h2 span,
.section-banner-content h1 span {
  display: block;
}

.section-content h1.with-decor, .section-content h2.with-decor {
  position: relative;
  text-align: center;
  padding-top: 40px;
}
.section-content h1.with-decor:before, .section-content h2.with-decor:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
.section-content h1.with-decor:before, .section-content h2.with-decor:before {
  top: 0;
}
@media only screen and (max-width: 767px) {
  .section-content h1.with-decor, .section-content h2.with-decor {
    line-height: 44px;
    padding-top: 32px;
    margin: 0 0 45px;
    letter-spacing: 0.15em;
  }
}
@media only screen and (min-width: 768px) {
  .section-content h1.with-decor, .section-content h2.with-decor {
    padding-top: 30px;
    letter-spacing: 0.17em;
    margin-bottom: 28px;
  }
}

.section-content {
  background: url("../images/bg-type-2.png") repeat 50% 0;
  color: #595959;
}
.section-content.white {
  background: #fff;
}
.section-content.grey {
  background: #f9f9f9;
}
.section-content.grey-light {
  background: #F3F3F3;
}
.section-content.grey .columns-holder .link-arrow-long, .section-content.grey-light .columns-holder .link-arrow-long {
  color: #191919;
}
.section-content.grey .columns-holder .link-arrow-long:hover, .section-content.grey-light .columns-holder .link-arrow-long:hover {
  color: #8b6f4e;
}
.section-content.grey .columns-holder .link-arrow-long:after, .section-content.grey-light .columns-holder .link-arrow-long:after {
  color: #8b6f4e;
}
.section-content.grey .columns-holder .heading-column h2:not(.without-decor):before, .section-content.grey-light .columns-holder .heading-column h2:not(.without-decor):before {
  color: #8b6f4e;
}
.section-content.grey-dark {
  background: #ececec;
}
.section-content.dark {
  background: url("../images/bg-type-3.png") repeat 50% 0;
}
.section-content.black {
  background: #191919;
}
.section-content.dark, .section-content.black {
  color: #e8e8e8;
}
.section-content.dark .title, .section-content.black .title {
  color: #e8dec8;
}
.section-content.dark h2,
.section-content.dark a, .section-content.black h2,
.section-content.black a {
  color: #fff;
}
.section-content.dark .columns-list > li,
.section-content.dark .columns-list h3, .section-content.black .columns-list > li,
.section-content.black .columns-list h3 {
  color: #fff;
}
.section-content.green {
  background: #bcca8b;
  color: #fff;
}
.section-content.green .title {
  color: #fff;
}
.section-content.green h2 {
  color: #fff;
}
.section-content.purple {
  background: #cfbadc;
  color: #fff;
}
.section-content.purple .title {
  color: #fff;
}
.section-content.purple h2 {
  color: #fff;
}
.section-content.with-border {
  border-bottom: 1px solid #d8d8d8;
}
.section-content.with-bottom-indent {
  margin-bottom: 60px;
}
@media only screen and (min-width: 1024px) {
  .section-content.wide .section-holder {
    max-width: 1440px;
  }
}
@media only screen and (min-width: 1440px) {
  .section-content.wide .section-block {
    max-width: 1380px;
    padding-left: 70px;
    padding-right: 70px;
  }
}
.section-content.lining {
  padding: 0 0 52px;
}
@media only screen and (min-width: 768px) {
  .section-content.lining {
    margin: 0 0 60px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .section-holder {
    padding: 0 16px;
    margin: 0 auto;
    max-width: 1168px;
  }
}
.section-content .products-section {
  padding: 56px 0;
}
@media only screen and (min-width: 768px) {
  .section-content .products-section {
    padding: 80px 0;
  }
}
.section-content .products-section.coffee-menu-products-section {
  padding: 46px 16px;
}
@media only screen and (min-width: 1024px) {
  .section-content .products-section.coffee-menu-products-section {
    padding: 55px 0;
  }
}
.section-content .products-section.coffee-menu-products-section h2 {
  padding: 0;
  margin-bottom: 58px;
}
@media only screen and (min-width: 1024px) {
  .section-content .products-section.coffee-menu-products-section h2 {
    font-size: 36px;
    margin-bottom: 74px;
  }
}
.section-content .products-section.coffee-menu-products-section h2:before {
  display: none;
}
.section-content .products-section h2 {
  position: relative;
  text-align: center;
  padding-top: 40px;
}
.section-content .products-section h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
.section-content .products-section h2:before {
  top: 0;
}
@media only screen and (max-width: 767px) {
  .section-content .products-section h2 {
    line-height: 44px;
    padding-top: 32px;
    margin: 0 0 45px;
    letter-spacing: 0.15em;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .products-section h2 {
    padding-top: 30px;
    letter-spacing: 0.17em;
    margin-bottom: 28px;
  }
}
.section-content .products-section .btn-holder {
  text-align: center;
}
.section-content .products-section .btn-holder .button {
  min-width: 215px;
}
@media only screen and (max-width: 767px) {
  .section-content .columns-holder {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .columns-holder {
    margin: 0 auto;
    max-width: 1136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (max-width: 767px) {
  .section-content .columns-holder.mobile-centered-text .column {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .section-content .columns-holder.small-indent-mobile {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.section-content .column {
  font-size: 14px;
  line-height: 22px;
}
.section-content .column.heading-column {
  padding: 57px 0 38px !important;
}
@media only screen and (min-width: 768px) {
  .section-content .column.heading-column {
    padding: 81px 20px 53px !important;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .column.heading-column.without-bottom-indent {
    padding-bottom: 0 !important;
  }
}
.section-content .column.heading-column h2 {
  text-align: center;
}
.section-content .column.heading-column h2:not(.without-decor) {
  position: relative;
  text-align: center;
  padding-top: 40px;
  padding-top: 33px !important;
}
.section-content .column.heading-column h2:not(.without-decor):before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #e8dec8;
  line-height: 1;
}
.section-content .column.heading-column h2:not(.without-decor):before {
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-content .column.heading-column h2:not(.without-decor) {
    padding-top: 30px !important;
  }
}
.section-content .column.heading-column .btn-holder {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-content .column.text-centered-vertical {
    padding: 46px 4px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .column.text-centered-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-content .column.text-centered-vertical {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .section-content .column {
    padding: 0 16px 1px;
  }
  .section-content .column:first-child {
    padding-top: 53px;
  }
  .section-content .column:first-child + .column {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .column {
    width: 50%;
    padding: 77px 16px 40px 0;
  }
  .section-content .column.wide {
    width: 100%;
    padding-left: 16px;
  }
  .section-content .column:not(.without-sub-title) + .column {
    padding-top: 110px;
  }
  .section-content .column + .column {
    padding: 110px 30px 40px 16px;
  }
}
.section-content .column:first-child .button {
  min-width: 245px;
}
.section-content .column.visual-column {
  padding: 30px 0 0 !important;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .section-content .column.visual-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0 13px 0 16px !important;
    text-align: right;
    min-height: 480px;
  }
}
@media only screen and (min-width: 980px) {
  .section-content .column.visual-column {
    min-height: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .section-content .column.visual-column.image-centered {
    padding: 62px 0 27px !important;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .column.visual-column.image-centered {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.section-content .column.visual-column.image-centered-horizontal {
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .section-content .column.visual-column.image-top {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
}
.section-content .column.visual-column img {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .section-content .column.picture-holder-column {
    padding-top: 47px;
  }
}
.section-content .picture-holder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.section-content .picture-holder picture {
  width: 100%;
}
.section-content .picture-holder picture + .picture-logo {
  margin-left: -100%;
}
.section-content .picture-holder picture img {
  width: 100%;
  height: auto;
}
.section-content .picture-holder .picture-logo {
  width: 100%;
  text-align: center;
  padding: 10px;
}
.section-content .picture-holder .picture-logo img {
  display: inline-block;
  vertical-align: top;
  height: auto;
}
.section-content .title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  margin: 0 0 11px;
  letter-spacing: 0.18em;
  color: #8b6f4e;
}
@media only screen and (min-width: 768px) {
  .section-content .title {
    margin-bottom: 17px;
  }
}
.section-content .big-text {
  font-size: 16px;
  color: #191919;
  padding: 8px 0 13px;
}
@media only screen and (min-width: 768px) {
  .section-content .big-text {
    max-width: 400px;
  }
}
.section-content p {
  margin: 0;
}
.section-content .btn-holder {
  padding: 26px 0 0;
}
@media only screen and (min-width: 768px) {
  .section-content .btn-holder {
    padding-top: 50px;
  }
}
.section-content .button {
  min-width: 210px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.section-content .columns-holder {
  position: relative;
}
.section-content .columns-holder .link-arrow-long {
  font-weight: 500;
}
.section-content .link-arrow-long {
  margin: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  .section-content .link-arrow-long {
    margin-top: 11px;
  }
}
.section-content .link-arrow-long:hover {
  text-decoration: underline;
}
.section-content .section-block {
  padding: 0 0 57px;
}
@media only screen and (max-width: 767px) {
  .section-content .section-block.mobile-bottom-indent {
    padding-bottom: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .section-block {
    margin: 0 auto;
    max-width: 1136px;
    padding: 0 0 80px;
  }
}
.section-content .section-block .btn-holder {
  text-align: center;
}
.section-content .section-block .button {
  min-width: 245px;
}
@media only screen and (max-width: 767px) {
  .section-content .section-block .columns-list {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list {
    margin: 0 -16px -30px;
    padding: 13px 0 0;
  }
}
.section-content .section-block .columns-list.two-columns .text-holder {
  padding: 28px 6.5% 0;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list.two-columns .text-holder {
    padding: 27px 9% 0;
  }
}
.section-content .section-block .columns-list.two-columns div.btn-holder {
  padding: 18px 6.5% 0;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list.two-columns div.btn-holder {
    padding: 42px 9% 0;
  }
}
.section-content .section-block .columns-list.three-columns .text-holder {
  padding: 28px 6.5% 0;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list.three-columns .text-holder {
    padding: 28px 6% 0;
  }
}
.section-content .section-block .columns-list.three-columns h3 {
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list.three-columns h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 17px;
  }
}
.section-content .section-block .columns-list.three-columns div.btn-holder {
  padding: 18px 6.5% 0;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list.three-columns div.btn-holder {
    padding: 42px 9% 0;
  }
}
.section-content .section-block .columns-list.without-images > li {
  background: none;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .section-content .section-block .columns-list.without-images > li:last-child .inner-holder {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-content .section-block .columns-list.small-indent-mobile .inner-holder {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .section-content .section-block .columns-list > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-content .section-block .columns-list > li {
    line-height: 22px;
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list > li {
    padding-bottom: 23px;
  }
}
.section-content .section-block .columns-list h3 {
  margin-bottom: 13px;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list h3 {
    margin-bottom: 29px;
  }
}
.section-content .section-block .columns-list .text-holder {
  padding: 28px 6.5% 0;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list .text-holder {
    padding: 27px 9% 0;
  }
}
.section-content .section-block .columns-list div.btn-holder {
  padding: 18px 6.5% 0;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list div.btn-holder {
    padding: 42px 9% 0;
  }
}
.section-content .section-block .columns-list .inner-holder {
  padding: 0 16px 35px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list .inner-holder {
    line-height: 22px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-content .section-block .columns-list .inner-holder {
    padding-right: 35px;
  }
}
.section-content .section-block .columns-list .inner-holder .logo-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  min-height: 80px;
  margin: 0 0 12px;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list .inner-holder .logo-container-box {
    margin-bottom: 10px;
  }
}
.section-content .section-block .columns-list .inner-holder .logo-container-box img {
  max-width: 100%;
  height: auto;
}
.section-content .section-block .columns-list .inner-holder h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list .inner-holder h3 {
    margin-bottom: 11px;
  }
}
.section-content .section-block .columns-list .video-block {
  margin: 0 0 -25px;
}
@media only screen and (min-width: 768px) {
  .section-content .section-block .columns-list .video-block {
    margin-bottom: -23px;
  }
}
.section-content .section-block .columns-list .video-block .capture {
  padding: 23px 24px;
  font-size: 20px;
  line-height: 24px;
  color: #191919;
}
@media only screen and (min-width: 1024px) {
  .section-content .section-block .columns-list .video-block .capture {
    padding: 28px 50px;
  }
}
.section-content .section-block .columns-list .video-block .video-capture {
  font-weight: normal;
}
@media only screen and (max-width: 979px) {
  .section-content .section-block .columns-list .video-block .video-capture span {
    display: block;
  }
}
.section-content .banners-holder {
  padding: 0 16px 16px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-content .banners-holder.with-top-indent-mobile {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -16px;
    padding: 80px 0 48px;
  }
}
.section-content .banners-holder .banner-block {
  text-align: center;
  background: #000;
  color: #fff;
  margin: 0 0 16px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-content .banners-holder .banner-block:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder .banner-block {
    width: calc(50% - 32px);
    margin: 0 16px 32px;
  }
}
.section-content .banners-holder .banner-block:after {
  content: '';
  position: absolute;
  top: 95%;
  bottom: 0;
  left: 20px;
  right: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.section-content .banners-holder .banner-block > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder .banner-block > a {
    overflow: hidden;
    transform: translate(0, 0);
  }
  .section-content .banners-holder .banner-block > a:hover img {
    transform: scale(1.1);
  }
}
.section-content .banners-holder .banner-block > a img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder .banner-block > a img {
    transform: scale(1);
    transition: transform 0.2s linear;
  }
}
.section-content .banners-holder .banner-block > a > * {
  width: 100%;
}
.section-content .banners-holder .banner-block > a .image + .content {
  margin: 0 0 0 -100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder .banner-block.large {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder .banner-block.small {
    width: calc(33.333% - 32px);
  }
}
.section-content .banners-holder .banner-block img {
  width: 100%;
  max-width: 100%;
}
.section-content .banners-holder .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 24px 16px 32px;
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder .content {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.section-content .banners-holder .content > * {
  width: 100%;
}
.section-content .banners-holder h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: stretch;
  align-items: stretch;
  min-height: 84px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .section-content .banners-holder h2 {
    min-height: 96px;
  }
}
.section-content .banners-holder .btn-holder {
  padding: 15px 0 0;
}
.section-content .list-box {
  padding: 56px 0 0;
  margin: 0;
  list-style: none;
  color: #595959;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .section-content .list-box {
    padding-top: 24px;
  }
}
.section-content .list-box li {
  margin: 0;
  background: #fff;
}
.section-content .list-box li:nth-child(even) {
  background: #f9f9f9;
}
@media only screen and (max-width: 767px) {
  .section-content .list-box li {
    padding-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .list-box li {
    padding: 56px 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-content .list-box .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 auto;
    max-width: 1136px;
  }
}
.section-content .list-box .visual {
  margin: 0 0 31px;
}
@media only screen and (min-width: 768px) {
  .section-content .list-box .visual {
    width: 48.7%;
    margin: 0;
  }
}
.section-content .list-box .description {
  padding: 0 16px;
}
@media only screen and (min-width: 768px) {
  .section-content .list-box .description {
    width: 40.1%;
    padding: 0 35px 0 0;
  }
}
.section-content .list-box .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 26px;
}
.section-content .list-box .number {
  margin: 0 15px 0 0;
  border-radius: 50%;
  background: #8b6f4e;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
  flex-shrink: 0;
}
.section-content .list-box .step-title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #191919;
  letter-spacing: 0.07em;
}
.section-content .list-box p {
  margin: 0 0 21px;
}
.section-content .list-box .note {
  font-size: 12px;
  line-height: 20px;
  color: #a3a3a3;
}
.section-content .list-box .btn-area {
  padding: 2px 0 0;
}
.section-content .additional-note {
  font-size: 12px;
  line-height: 22px;
  color: #595959;
  text-align: center;
  padding: 12px 0 3px;
}
@media only screen and (min-width: 768px) {
  .section-content .additional-note {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 60%;
    text-align: left;
    padding: 0;
  }
}
.section-content .additional-note .text-box {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section-content .additional-note .text-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 13px 0 0;
  }
}
.section-content .additional-note a {
  text-decoration: underline;
  color: #8b6f4e;
}
.section-content .additional-note a:hover {
  text-decoration: none;
}

.btn-play {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 0 20px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #595959;
  text-decoration: underline;
  letter-spacing: 0.09em;
}
.btn-play:hover {
  text-decoration: none;
}
.btn-play:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  border: solid transparent;
  border-width: 5px 0 5px 8px;
  border-left-color: #595959;
}

ul.products-list-section {
  margin: 0;
  padding: 7px 0 31px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #474747;
}
@media only screen and (min-width: 768px) {
  ul.products-list-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -16px -50px;
    padding: 40px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  ul.products-list-section {
    padding-top: 84px;
  }
}
ul.products-list-section > li {
  list-style: none;
}
@media only screen and (max-width: 767px) {
  ul.products-list-section > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  ul.products-list-section > li {
    margin: 0 0 75px;
  }
}
@media only screen and (min-width: 768px) {
  ul.products-list-section > li {
    width: calc(33.333% - 32px);
    margin: 0 16px 50px;
  }
}
ul.products-list-section > li.americas .image-holder .image, ul.products-list-section > li.africa .image-holder .image, ul.products-list-section > li.pacific .image-holder .image {
  margin-left: 20%;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  ul.products-list-section > li.americas .image-holder .image, ul.products-list-section > li.africa .image-holder .image, ul.products-list-section > li.pacific .image-holder .image {
    margin-left: 10%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1199px) {
  ul.products-list-section > li.americas .image-holder .image, ul.products-list-section > li.africa .image-holder .image, ul.products-list-section > li.pacific .image-holder .image {
    width: 180px;
    height: 180px;
  }
}
ul.products-list-section > li.americas .image-holder .image:before, ul.products-list-section > li.africa .image-holder .image:before, ul.products-list-section > li.pacific .image-holder .image:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: -38%;
  border-radius: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  ul.products-list-section > li.americas .image-holder .image:before, ul.products-list-section > li.africa .image-holder .image:before, ul.products-list-section > li.pacific .image-holder .image:before {
    left: -20%;
  }
}
ul.products-list-section > li.americas .image:before {
  background-image: url("../images/pattern-image-01.png");
}
ul.products-list-section > li.africa .image:before {
  background-image: url("../images/pattern-image-02.png");
}
ul.products-list-section > li.pacific .image:before {
  background-image: url("../images/pattern-image-03.png");
}
ul.products-list-section .image-holder {
  margin: 0 auto 35px;
  width: 200px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  ul.products-list-section .image-holder {
    width: 260px;
    margin-bottom: 45px;
  }
}
ul.products-list-section .image-holder a {
  display: inline-block;
  vertical-align: top;
}
ul.products-list-section .image-holder .image {
  position: relative;
  border-radius: 50%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  width: 200px;
  height: 200px;
}
@media only screen and (min-width: 1200px) {
  ul.products-list-section .image-holder .image {
    width: 260px;
    height: 260px;
  }
}
ul.products-list-section .image-holder .image img {
  width: 100%;
  height: auto;
}
ul.products-list-section .product-name {
  font-size: 16px;
  line-height: 24px;
  color: #191919;
  text-transform: none;
  margin: 0 0 11px;
}
@media only screen and (min-width: 768px) {
  ul.products-list-section .product-name {
    margin-bottom: 27px;
  }
}
ul.products-list-section .product-name a {
  color: inherit;
}
ul.products-list-section .product-name a:hover {
  text-decoration: underline;
}
ul.products-list-section .description {
  margin: 0 auto;
  max-width: 280px;
}
@media only screen and (min-width: 768px) {
  ul.products-list-section .description {
    max-width: 305px;
  }
}

.section-banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media only screen and (min-width: 768px) {
  .section-banner-content.push-down .text-holder {
    padding-bottom: 0;
    margin-bottom: -110px;
  }
}
@media only screen and (min-width: 768px) {
  .section-banner-content.push-down .image-banner-holder {
    height: auto;
  }
}
.section-banner-content .image-banner-holder,
.section-banner-content .content-banner-holder {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-banner-content .image-banner-holder {
    overflow: hidden;
    height: 544px;
    position: relative;
  }
  .section-banner-content .image-banner-holder img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    width: auto;
    max-width: none;
  }
}
.section-banner-content .image-banner-holder + .content-banner-holder {
  margin: 0 0 0 -100%;
}
.section-banner-content .image-banner-holder img {
  max-width: none;
  width: 100%;
}
.section-banner-content .content-banner-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
  font-size: 32px;
  line-height: 48px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.section-banner-content .text-holder {
  padding: 56px 16px 0;
}
@media only screen and (min-width: 768px) {
  .section-banner-content .text-holder {
    margin: 0 auto;
    max-width: 1140px;
    padding: 79px 0;
  }
}
.section-banner-content h2 {
  position: relative;
  text-align: center;
  padding-top: 40px;
  color: #fff;
  padding-top: 57px;
  letter-spacing: 0.16em;
}
.section-banner-content h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #e8dec8;
  line-height: 1;
}
.section-banner-content h2:before {
  top: 0;
}
@media only screen and (max-width: 767px) {
  .section-banner-content h2 span {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .section-banner-content h2 {
    padding-top: 30px;
  }
}
.section-banner-content .content-box {
  color: #191919;
  background: #fff;
  position: relative;
  padding: 45px 16px 36px;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -0.027em;
  margin: 46px -16px 0;
}
@media only screen and (min-width: 768px) {
  .section-banner-content .content-box {
    margin: 40px 0 0;
    font-size: 38px;
    line-height: 54px;
    padding: 40px 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-banner-content .content-box {
    margin-top: 69px;
    padding: 64px 16px 59px;
  }
}
.section-banner-content .content-box:after {
  content: '';
  position: absolute;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  top: 90%;
  bottom: 0;
  left: 20px;
  right: 20px;
  z-index: -1;
}
.section-banner-content .content-box p {
  margin: 0;
}
.section-banner-content .content-box select {
  padding: 0;
  margin: 0;
  border: dashed #8b6f4e;
  border-width: 0 0 1px;
  font-size: 32px;
  line-height: 48px;
  height: 48px;
  color: #8b6f4e;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  background: none;
  text-align: center;
  text-align-last: center;
}
@media only screen and (min-width: 768px) {
  .section-banner-content .content-box select {
    font-size: 38px;
    line-height: 54px;
    height: 54px;
  }
}
.section-banner-content .content-box .btn-holder {
  padding: 55px 0 0;
}
@media only screen and (min-width: 768px) {
  .section-banner-content .content-box .btn-holder {
    padding: 79px 0 0;
  }
}
.section-banner-content .button {
  text-transform: uppercase;
  margin: 0 8px 24px;
  min-width: 210px;
  letter-spacing: 0.03em;
}

.banners-grid-container {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid {
    margin: 0 auto;
    max-width: 1320px;
  }
}
.banners-grid-container .banners-grid .banner:not(.large) {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid .banner:not(.large) .inner {
    max-width: 558px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .banners-grid-container .banners-grid .banner {
    min-height: 340px;
  }
  .banners-grid-container .banners-grid .banner h2 {
    font-size: 26px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 980px) {
  .banners-grid-container .banners-grid .banner {
    min-height: 374px;
  }
}
@media only screen and (max-width: 767px) {
  .banners-grid-container .banners-grid .banner.mobiles-high {
    min-height: 680px;
  }
  .banners-grid-container .banners-grid .banner.mobiles-high .inner {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .banners-grid-container .banners-grid .banner.mobiles-high .btn-holder {
    padding-top: 46px;
  }
}
.banners-grid-container .banners-grid .banner.text-align-left .link-holder, .banners-grid-container .banners-grid .banner.text-align-right .link-holder {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid .banner.text-align-left .inner, .banners-grid-container .banners-grid .banner.text-align-right .inner {
    max-width: 98% !important;
  }
}
@media only screen and (min-width: 980px) {
  .banners-grid-container .banners-grid .banner.text-align-left .inner, .banners-grid-container .banners-grid .banner.text-align-right .inner {
    max-width: 87% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .banners-grid-container .banners-grid .banner.text-align-left .inner, .banners-grid-container .banners-grid .banner.text-align-right .inner {
    max-width: 86% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .banners-grid-container .banners-grid .banner.text-align-left .inner, .banners-grid-container .banners-grid .banner.text-align-right .inner {
    max-width: 77% !important;
  }
}
.banners-grid-container .banners-grid .banner.text-align-left {
  text-align: left;
}
.banners-grid-container .banners-grid .banner.text-align-right {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid .banner.large .inner {
    max-width: 1100px;
  }
}
.banners-grid-container .banners-grid .banner .banner-content {
  padding-top: 53px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid .banner .banner-content {
    padding: 35px 16px 30px !important;
  }
}
@media only screen and (min-width: 980px) {
  .banners-grid-container .banners-grid .banner .banner-content {
    padding: 74px 16px 40px !important;
  }
}
.banners-grid-container .banners-grid .banner.gold-text h2 {
  color: #8b6f4e;
}
.banners-grid-container .banners-grid .banner.gold-text .link-holder a {
  color: #8b6f4e;
}
.banners-grid-container .banners-grid .banner.gold-text .link-holder a:after {
  background: #8b6f4e;
}
.banners-grid-container .banners-grid .inner {
  max-width: none;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid .inner {
    float: none !important;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 980px) {
  .banners-grid-container .banners-grid .inner {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.banners-grid-container .banners-grid h2 {
  margin-top: 26px;
  letter-spacing: 0.11em;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid h2 {
    margin-top: 32px;
  }
}
.banners-grid-container .banners-grid .title + h2 {
  margin-top: 0;
}
.banners-grid-container .banners-grid .btn-holder .button {
  margin-bottom: 49px;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid .btn-holder .button {
    margin-bottom: 40px;
  }
}
.banners-grid-container .banners-grid .btn-holder .button + .link-holder {
  margin-top: -49px;
}
@media only screen and (min-width: 768px) {
  .banners-grid-container .banners-grid .btn-holder .button + .link-holder {
    margin-top: -40px;
  }
}
.banners-grid-container .banners-grid .link-holder {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .banners-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.banners-grid .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  min-height: 368px;
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner {
    width: 50%;
  }
  .banners-grid .banner:nth-child(2n+1) .inner {
    float: right;
  }
  .banners-grid .banner .inner {
    width: 100%;
    max-width: 462px;
    float: left;
  }
  .banners-grid .banner .banner-content {
    padding-left: 16px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 980px) {
  .banners-grid .banner {
    min-height: 410px;
  }
}
@media only screen and (min-width: 1024px) {
  .banners-grid .banner:nth-child(2n) .banner-content {
    padding-left: 110px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.large {
    width: 100%;
  }
  .banners-grid .banner.large .banner-content {
    padding-left: 16px;
    padding-right: 16px;
  }
  .banners-grid .banner.large .inner {
    float: none;
    margin: 0 auto;
    max-width: 1220px;
  }
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.medium {
    width: 66.666%;
  }
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.small {
    width: 33.333%;
  }
}
@media only screen and (max-width: 767px) {
  .banners-grid .banner.text-center-ver .inner {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .banners-grid .banner.text-center-ver .banner-content {
    padding-top: 61px;
    padding-bottom: 54px;
  }
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.text-center-ver .banner-content {
    padding-top: 68px;
    padding-bottom: 54px;
  }
}
.banners-grid .banner.text-center-ver h2 {
  margin: 0 0 19px;
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.text-center-ver h2 {
    margin-bottom: 17px;
  }
}
.banners-grid .banner.text-center-ver p {
  margin: 0 0 17px;
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.text-center-ver .btn-holder {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .banners-grid .banner.text-center-ver-mobile .inner {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .banners-grid .banner.text-center-ver-mobile .banner-content {
    padding-top: 61px;
    padding-bottom: 54px;
  }
}
.banners-grid .banner.text-center-ver-mobile h2 {
  margin: 0 0 19px;
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.text-center-ver-mobile h2 {
    margin-bottom: 17px;
  }
}
.banners-grid .banner.text-center-ver-mobile p {
  margin: 0 0 17px;
}
.banners-grid .banner.white-text-color .title {
  color: #fff;
}
.banners-grid .banner.bg-dark-gray {
  background: #0b1f23;
}
.banners-grid .banner.bg-cream {
  background: #cbbca3;
}
.banners-grid .banner.banner-with-icon .banner-content {
  padding-bottom: 50px;
  padding-top: 64px;
  position: relative;
}
@media only screen and (min-width: 980px) {
  .banners-grid .banner.banner-with-icon .banner-content {
    font-size: 16px;
    line-height: 25px;
  }
}
.banners-grid .banner.banner-with-icon .banner-icon {
  margin: 0 0 41px;
}
@media only screen and (min-width: 768px) {
  .banners-grid .banner.banner-with-icon .banner-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    margin: 0;
  }
}
@media only screen and (min-width: 980px) {
  .banners-grid .banner.banner-with-icon .banner-icon {
    right: 80px;
  }
}
.banners-grid .banner.banner-with-icon .banner-icon img {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .banners-grid .banner.banner-with-icon .banner-icon img {
    max-width: 86px;
  }
}
.banners-grid .banner.banner-with-icon h2 {
  margin-bottom: 21px;
}
@media only screen and (min-width: 980px) {
  .banners-grid .banner.banner-with-icon h2 {
    margin-bottom: 28px;
  }
}
.banners-grid .banner.banner-with-icon p {
  margin-bottom: 22px;
}
@media only screen and (min-width: 980px) {
  .banners-grid .banner.banner-with-icon p {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 980px) {
  .banners-grid .banner.banner-with-icon .btn-holder {
    padding-top: 35px;
  }
}
.banners-grid .banner > * {
  width: 100%;
}
.banners-grid .banner-image {
  overflow: hidden;
  background: #000;
  position: relative;
}
.banners-grid .banner-image img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  max-width: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banners-grid .banner-image + .banner-content {
  margin: 0 0 0 -100%;
  position: relative;
}
.banners-grid .banner-content {
  padding: 54px 30px 56px;
  color: #fff;
}
@media only screen and (min-width: 980px) {
  .banners-grid .banner-content {
    padding: 94px 110px 56px;
  }
}
.banners-grid .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
  max-width: 98%;
}
@media only screen and (min-width: 980px) {
  .banners-grid .inner {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.banners-grid .title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  color: #8b6f4e;
  font-size: 11px;
  line-height: 15px;
  margin: 0 0 11px;
  letter-spacing: 0.18em;
}
@media only screen and (min-width: 768px) {
  .banners-grid .title {
    margin-bottom: 17px;
  }
}
.banners-grid h2 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  letter-spacing: 0.16em;
}
@media only screen and (min-width: 768px) {
  .banners-grid h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.banners-grid h2 span {
  display: block;
}
.banners-grid .btn-holder {
  padding: 10px 0 0;
}
@media only screen and (min-width: 980px) {
  .banners-grid .btn-holder {
    padding-top: 47px;
  }
}
.banners-grid .button {
  min-width: 215px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.banners-grid .link-holder {
  max-width: 215px;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 21px 0 6px;
}
@media only screen and (min-width: 768px) {
  .banners-grid .link-holder {
    padding: 18px 0 0;
  }
}
.banners-grid .link-holder a {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: none;
  padding: 0 0 6px;
}
@media only screen and (min-width: 768px) {
  .banners-grid .link-holder a:hover:after {
    display: none;
  }
}
.banners-grid .link-holder a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #fff;
}

.columns-holder .link-holder, .section-block .link-holder {
  max-width: 245px;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 21px 0 6px;
}
@media only screen and (min-width: 768px) {
  .columns-holder .link-holder, .section-block .link-holder {
    padding: 18px 0 0;
  }
}
.columns-holder .link-holder a, .section-block .link-holder a {
  color: #595959;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: none;
  padding: 0 0 6px;
}
@media only screen and (min-width: 768px) {
  .columns-holder .link-holder a:hover:after, .section-block .link-holder a:hover:after {
    display: none;
  }
}
.columns-holder .link-holder a:after, .section-block .link-holder a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #595959;
}

.columns-holder .btn-box-centered .link-holder, .section-block .btn-box-centered .link-holder {
  margin: 0 auto;
}

.cartful-products {
  background: #fff;
}
.cartful-products .category-products {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .cartful-products .category-products {
    margin: 0 auto;
    max-width: 1168px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.cartful-products .category-products > h2 {
  text-transform: none;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .cartful-products .category-products > h2 {
    margin: 0 0 45px;
  }
}
@media only screen and (min-width: 768px) {
  .cartful-products .category-products > h2 {
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .cartful-products .category-products .slick-list {
    padding-bottom: 30px;
  }
}
.cartful-products .item {
  margin: 0;
  outline: none;
  list-style: none;
  text-align: center;
  padding-left: 34px;
  padding-right: 34px;
  padding-bottom: 9px;
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .cartful-products .item {
    margin: 0 0 32px;
    position: relative;
    padding: 36px 20px 39px;
  }
}
@media only screen and (min-width: 1024px) {
  .cartful-products .item {
    padding-left: 46px;
    padding-right: 46px;
  }
}
.cartful-products .item:after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  top: 90%;
  left: 25px;
  right: 25px;
  opacity: 0;
  transition: opacity 0.2s linear;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.cartful-products .item.options-active:after {
  opacity: 1;
  transition: opacity 0.2s linear 0.3s;
}
@media only screen and (min-width: 768px) {
  .cartful-products .item:hover .info-close {
    opacity: 0.4;
  }
}
@media only screen and (min-width: 601px) {
  .cartful-products .item .product-name {
    min-height: 48px;
  }
}

#coffee-finder-site {
  text-align: center;
  padding: 15px 0;
}

.category-products {
  background: #fff;
  margin: 0 0 60px;
  padding: 20px 0 40px;
}
@media only screen and (min-width: 768px) {
  .category-products {
    padding: 37px 0 60px;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .category-products-holder {
    margin: 0 auto;
    max-width: 1168px;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  .category-products .no-results-text {
    padding: 0 16px;
  }
}
.category-products .products-grid {
  margin: 0;
  padding: 0 13px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .category-products .products-grid {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -16px -3px;
  }
}
.category-products .products-grid > li {
  list-style: none;
  margin: 0 0 20px;
  text-align: center;
  padding-left: 34px;
  padding-right: 34px;
  padding-bottom: 9px;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .category-products .products-grid > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-grid > li {
    width: calc(50% - 32px);
    margin: 0 16px 32px;
    position: relative;
    padding: 36px 3.1% 39px;
  }
}
@media only screen and (min-width: 980px) {
  .category-products .products-grid > li {
    width: calc(33.333% - 32px);
  }
}
.category-products .products-grid > li:after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  top: 90%;
  left: 25px;
  right: 25px;
  opacity: 0;
  transition: opacity 0.2s linear;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.category-products .products-grid > li.options-active:after {
  opacity: 1;
  transition: opacity 0.2s linear 0.3s;
}
@media only screen and (min-width: 768px) {
  .category-products .products-grid > li:hover .info-close {
    opacity: 0.4;
  }
}
.category-products .products-grid .image-holder,
.category-products .products-list .image-holder {
  height: auto;
}
.category-products .products-grid .product-name,
.category-products .products-list .product-name {
  text-transform: none;
  margin: 0 0 20px;
}
.category-products .products-grid .product-options-block,
.category-products .products-list .product-options-block {
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .category-products .products-grid .product-options-block,
  .category-products .products-list .product-options-block {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-grid .product-name {
    min-height: 48px;
    margin-bottom: 48px;
  }
  .category-products .products-grid .product-name + .product-options-block {
    margin-top: -28px;
  }
}
.category-products .price-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  line-height: 22px;
  margin: 0 -14px 6px;
}
@media only screen and (min-width: 768px) {
  .category-products .price-holder {
    min-height: 59px;
    margin-bottom: 0;
  }
}
.category-products .price-box,
.category-products .ratings {
  margin: 0 14px 10px;
}
.category-products .price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .category-products .price-box {
    font-size: 11px;
  }
}
.category-products .price-sep {
  margin: 0 0 0 3px;
}
@media only screen and (min-width: 768px) {
  .category-products .price-sep {
    font-size: 12px;
  }
}
.category-products .price {
  color: #222;
  font-size: 18px;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .category-products .price {
    font-size: 20px;
  }
}
.category-products .ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  color: #a3a3a3;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .category-products .ratings {
    font-size: 11px;
  }
}
.category-products .ratings .rating-box {
  margin: 0 3px 0 0;
}
.category-products .ratings a {
  color: #a3a3a3;
}
.category-products .ratings a:hover {
  color: #191919;
  text-decoration: none;
}
.category-products .ratings .rating-box,
.category-products .ratings .amount {
  display: inline-block;
  vertical-align: top;
}
.category-products .ratings .amount {
  letter-spacing: 0.09em;
  margin: 0 0 0 -2px;
}
.category-products .product-options {
  border: none;
  margin: 0;
  padding: 0;
}
.category-products .product-options.options-item-holder .product-options-list > li:not(.buttons-area) {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .category-products .product-options .product-options-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 384px;
  }
}
.category-products .product-options .product-options-list > li:not(.buttons-area) {
  opacity: 0;
  margin-bottom: 22px;
  transition: opacity 0.2s linear;
}
.category-products .product-options .product-options-list > li.buttons-area {
  padding: 2px 0 0;
}
.category-products .product-options .product-options-list li {
  text-align: left;
}
.category-products .product-options .validation-advice {
  position: absolute;
  top: 100%;
  left: 0;
  white-space: nowrap;
}
.category-products .add-to-cart {
  text-align: center;
}
.category-products .roast-section {
  color: #a3a3a3;
  font-size: 11px;
  line-height: 20px;
  margin: 20px 0 0;
  text-align: center;
}
.category-products .add-to-cart .button,
.category-products .btn-holder .button {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  min-width: 215px;
}
.category-products .btn-holder {
  text-align: center;
  padding: 0 15px 0;
  position: relative;
  margin: 0 0 65px;
  height: 0;
  transition: margin 0.3s ease-out;
}
@media only screen and (min-width: 768px) {
  .category-products .btn-holder {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 980px) {
  .category-products .btn-holder {
    margin-bottom: 55px;
  }
}
.category-products .btn-holder .button {
  background: #fff;
  position: absolute;
  top: -42px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  transition: opacity 0.2s linear, background 0.3s linear, border-color 0.3s linear, color 0.3s linear;
}
.category-products .btn-holder .button:hover {
  background: #8b6f4e;
}
.category-products .btn-holder .btn-view {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: 500;
  color: #595959;
  position: relative;
  top: 18px;
  letter-spacing: 0.1em;
  transition: top 0.3s ease-out;
}
.category-products .btn-holder .btn-view:hover {
  text-decoration: none;
}
.category-products .btn-holder .btn-view:hover:after {
  display: none;
}
.category-products .btn-holder .btn-view:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #b2b2b2;
}
.category-products .info-close {
  font-size: 0;
  line-height: 0;
  color: #191919;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.2s linear;
  cursor: pointer;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .category-products .info-close {
    position: absolute;
    bottom: 9px;
    left: 3.1%;
    right: 3.1%;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .info-close:hover {
    opacity: 1 !important;
  }
}
.category-products .info-close:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 9px;
  line-height: 14px;
  padding: 14px;
  content: "\e90d";
}
@media only screen and (min-width: 768px) {
  .category-products .info-close:before {
    font-size: 7px;
    padding: 8px;
  }
}
.category-products .options-slide-block {
  height: 45px;
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease-out;
  background: #fff;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .category-products .options-slide-block + .btn-holder {
    margin-top: 0;
  }
}
.category-products .options-slide-block .product-options {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.category-products .options-active .btn-holder .info-opener {
  opacity: 0;
  z-index: -1;
}
.category-products .options-active .options-slide-block .product-options {
  opacity: 1;
}
.category-products .options-active .product-options li:not(.buttons-area) {
  opacity: 1;
  transition: opacity 0.2s linear 0.3s;
}
.category-products .options-active .btn-holder {
  margin-bottom: 20px;
}
.category-products .options-active .info-close {
  opacity: 0.2;
  visibility: visible;
}
.category-products .products-list {
  display: block;
}
@media only screen and (max-width: 767px) {
  .category-products .products-list {
    margin: 0;
    padding: 0 13px;
    position: relative;
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  .category-products .products-list > li {
    list-style: none;
    margin: 0 0 20px;
    text-align: center;
    padding: 36px 34px 9px;
    position: relative;
    background: #fff;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .category-products .products-list > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .category-products .products-list > li:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    top: 90%;
    left: 25px;
    right: 25px;
    opacity: 0;
    transition: opacity 0.2s linear;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
  .category-products .products-list > li.options-active:after {
    opacity: 1;
    transition: opacity 0.2s linear 0.3s;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list > li {
    text-align: left;
    border-bottom: 1px solid #ececec;
    padding: 15px 0;
  }
  .category-products .products-list > li:hover .info-close {
    opacity: 0.4;
  }
}
@media only screen and (min-width: 1024px) {
  .category-products .products-list > li {
    padding: 15px 45px;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .image-holder {
    position: relative;
    text-align: center;
    width: 200px;
    padding: 35px 0;
    margin: 0 16px 0 0;
  }
}
@media only screen and (min-width: 980px) {
  .category-products .products-list .image-holder {
    width: 260px;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .product-image {
    margin: 0;
  }
  .category-products .products-list .product-image > a {
    display: flex;
    height: 100%;
  }
  .category-products .products-list .product-image > a img {
    margin: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .category-products .products-list .product-image {
    height: 240px;
  }
  .category-products .products-list .product-image:before {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .main-info .product-name {
    margin-bottom: 17px;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .main-info {
    margin: 0 0 0 3%;
    width: 200px;
  }
}
@media only screen and (min-width: 980px) {
  .category-products .products-list .main-info {
    width: 260px;
    margin-left: 13%;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .product-options-block {
    display: block;
    margin: 0 0 25px;
  }
  .category-products .products-list .product-options-block .flavor,
  .category-products .products-list .product-options-block .roast {
    margin: 0 0 17px;
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .price-holder {
    display: block;
    padding: 0;
  }
  .category-products .products-list .price-holder .price-box {
    margin: 0 0 13px;
  }
  .category-products .products-list .price-holder .ratings {
    margin: 0;
  }
}
.category-products .products-list .additional-info {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .additional-info {
    width: 270px;
    margin: 0 0 0 16px;
    padding-bottom: 39px;
  }
}
@media only screen and (min-width: 980px) {
  .category-products .products-list .additional-info {
    width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .category-products .products-list .product-options .product-options-list > li:not(.buttons-area) {
    opacity: 1;
    margin-bottom: 22px;
  }
  .category-products .products-list .product-options .product-options-list > li.buttons-area {
    padding: 2px 0 0;
  }
}

.cartful-coffee-finder .main .col-main {
  background: none !important;
}

.content-banner-holder #coffee-finder-site {
  padding: 0 !important;
}

.cfl539-experience .cfl539-module {
  width: 100% !important;
  height: 1265px !important;
  box-sizing: border-box !important;
}
@media only screen and (min-width: 768px) {
  .cfl539-experience .cfl539-module[data-step="1"] {
    height: 865px !important;
  }
}
@media only screen and (min-width: 1102px) {
  .cfl539-experience .cfl539-module[data-step="1"] {
    height: 465px !important;
  }
}
@media only screen and (min-width: 768px) {
  .cfl539-experience .cfl539-module[data-step="1"] {
    height: 865px !important;
  }
}
@media only screen and (min-width: 1102px) {
  .cfl539-experience .cfl539-module[data-step="1"] {
    height: 465px !important;
  }
}
@media only screen and (min-width: 768px) {
  .cfl539-experience .cfl539-module[data-step="0"] {
    height: 384px !important;
  }
}
@media only screen and (min-width: 1102px) {
  .cfl539-experience .cfl539-module[data-step="0"] {
    height: 465px !important;
  }
}
.cfl539-experience .cfl539-module__content {
  width: 100% !important;
  margin: 0 !important;
  padding-top: 15px !important;
  box-sizing: border-box !important;
  height: 100% !important;
}
.cfl539-experience .cfl539-product-list {
  width: 100% !important;
  height: 100% !important;
}
.cfl539-experience .cfl539-product-list__content {
  margin: 0 !important;
  padding: 25px 0 0 !important;
  box-sizing: border-box !important;
}
.cfl539-experience .cfl539-result-item {
  max-width: 325px !important;
  width: 100% !important;
}
.cfl539-experience .cfl539-result-item a {
  height: 400px !important;
  width: auto !important;
}
.cfl539-experience .cfl539-result-item img {
  height: 400px !important;
  width: auto !important;
  max-width: 100% !important;
}

@media screen and (max-width: 594px) {
  .cfl539-experience .cfl539-module[data-step="1"] {
    height: 1265px !important;
  }
  .cfl539-experience .cfl539-module[data-step="1"] .cfl539-module__content {
    height: 100% !important;
  }
  .cfl539-experience .cfl539-module__content {
    height: 100% !important;
  }
}
@media screen and (min-width: 595px) and (max-width: 915px) {
  .cfl539-experience .cfl539-module[data-step="1"] {
    height: 1265px !important;
  }
  .cfl539-experience .cfl539-module[data-step="1"] .cfl539-module__content {
    height: 100% !important;
  }
  .cfl539-experience .cfl539-module__content {
    height: 100% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 915px) {
  .cfl539-experience .cfl539-module[data-step="1"] {
    height: 865px !important;
  }
}
/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
  border-bottom: none;
}

.category-image {
  margin-bottom: 1.5em;
}

.products-list .action .button,
.products-grid .actions .button {
  white-space: normal;
}

/* -------------------------------------------- *
 * Product Name
 */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: normal;
}
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
  text-decoration: none;
}
h2.product-name a:not(:hover),
h3.product-name a:not(:hover),
h4.product-name a:not(:hover),
h5.product-name a:not(:hover),
p.product-name a:not(:hover) {
  color: inherit;
}

/* ============================================ *
 * Product Grid
 * ============================================ */
.products-grid {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .products-grid {
    margin: 0 -16px;
  }
}
.products-grid li {
  position: relative;
  text-align: center;
  padding: 36px 16px 0;
}
.products-grid .slick-track {
  margin-left: 0;
}
.products-grid .slick-arrow {
  color: #191919;
  opacity: 0.3;
  transition: opacity 0.3s linear;
}
.products-grid .slick-arrow:hover {
  opacity: 1;
}

.widget-new-products .products-grid .product-image {
  width: 75%;
  margin-bottom: 15px;
  margin-left: 10%;
}

@media only screen and (min-width: 960px) {
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(even),
  .products-grid--max-4-col > li:nth-child(3n) {
    margin-right: 2.15517%;
  }

  /* Set column config */
  .products-grid--max-4-col > li {
    margin-right: 2.15517%;
  }

  .products-grid--max-4-col > li {
    width: 23.38362%;
    margin-right: 2.15517%;
  }

  .products-grid--max-4-col > li:nth-child(4n+1) {
    clear: left;
  }

  .products-grid--max-4-col > li:nth-child(4n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(even),
  .products-grid--max-5-col > li:nth-child(3n) {
    margin-right: 2.15517%;
  }

  /* Set column config */
  .products-grid--max-5-col > li {
    margin-right: 2.15517%;
  }

  .products-grid--max-5-col > li {
    width: 18.27586%;
    margin-right: 2.15517%;
  }

  .products-grid--max-5-col > li:nth-child(5n+1) {
    clear: left;
  }

  .products-grid--max-5-col > li:nth-child(5n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(even),
  .products-grid--max-6-col > li:nth-child(3n) {
    margin-right: 2.15517%;
  }

  /* Set column config */
  .products-grid--max-6-col > li {
    margin-right: 2.15517%;
  }

  .products-grid--max-6-col > li {
    width: 14.87069%;
    margin-right: 2.15517%;
  }

  .products-grid--max-6-col > li:nth-child(6n+1) {
    clear: left;
  }

  .products-grid--max-6-col > li:nth-child(6n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
  float: left;
  width: 80px;
  border: none;
}
@media only screen and (min-width: 768px) {
  .mini-products-list .product-image {
    width: 90px;
  }
}
.mini-products-list .product-image img {
  max-width: 100%;
  height: auto;
}
.mini-products-list .product-details {
  margin-left: 91px;
  margin-right: 80px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .mini-products-list .product-details {
    margin-left: 105px;
  }
}
.mini-products-list > li:after {
  content: '';
  display: table;
  clear: both;
}

.mini-products-images-list:after {
  content: '';
  display: table;
  clear: both;
}
.mini-products-images-list li.item {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
  display: block;
}
.mini-products-images-list li.item .product-image img {
  width: 100%;
  max-width: 100%;
}

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-image img {
  width: 100%;
  max-width: 100%;
}
.category-image img:hidden {
  display: none;
}

/* ============================================ *
 * Layered Navigation
 * ============================================ */
.block-layered-nav .block-subtitle--filter {
  display: none;
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  position: relative;
  background-color: #F4F4F4;
  cursor: pointer;
}
.block-layered-nav .block-subtitle--filter:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #191919;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
.block-layered-nav .block-subtitle--filter:hover {
  background-color: #ededed;
}

.block-layered-nav .block-content .toggle-tabs {
  display: none;
}
.block-layered-nav .block-content > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  position: relative;
  background-color: #F4F4F4;
  display: block;
}
.block-layered-nav .block-content > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #191919;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
.block-layered-nav .block-content > dl > dt:hover {
  background-color: #ededed;
}
.block-layered-nav .block-content > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #CCCCCC;
}
.block-layered-nav .block-content > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}

.block-layered-nav dl dd {
  margin-bottom: 10px;
  margin-top: 10px;
}
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {
  padding: 5px 15px;
  display: block;
}
.block-layered-nav dl dd ol > li > a .count {
  color: #333;
}

@media only screen and (min-width: 768px) {
  .block-layered-nav .block-content > dl > dt {
    padding-left: 10px;
  }
  .block-layered-nav .block-content > dl > dt:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar .block.block-layered-nav {
    border-bottom: none;
  }

  .block-layered-nav--no-filters .block-title {
    display: none;
  }

  .block-layered-nav .block-content {
    padding-top: 0;
    margin-top: 15px;
  }
  .block-layered-nav .block-content > dl > dt {
    cursor: pointer;
    border-bottom-width: 0;
  }
  .block-layered-nav .block-content > dl > dt:hover {
    color: #191919;
  }
  .block-layered-nav .block-content > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #191919;
    border-right: none;
  }
  .block-layered-nav .block-content > dl > dt.last {
    border-bottom-width: 1px;
  }
  .block-layered-nav .block-content > dl > dd {
    display: none;
  }
  .block-layered-nav .block-content.accordion-open > dl > dt.current {
    border-bottom-width: 1px;
  }
  .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #191919;
    border-bottom: none;
    left: 6px;
    top: 50%;
    margin-top: -3px;
  }
  .block-layered-nav .block-content.accordion-open > dl > dd.current {
    display: block;
  }

  .block-layered-nav .block-subtitle--filter {
    background-color: #191919;
    border: 0;
    margin-bottom: 0;
    display: block;
    color: #FFFFFF;
  }
  .block-layered-nav .block-subtitle--filter:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    border-right: none;
    right: 10px;
    top: 50%;
    margin-top: -5px;
  }
  .block-layered-nav .block-subtitle--filter:hover {
    background-color: #2e8ab8;
    color: #FFFFFF;
  }
  .block-layered-nav .block-subtitle--filter.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #FFFFFF;
    border-bottom: none;
    right: 10px;
    top: 50%;
    margin-top: -3px;
  }

  #narrow-by-list,
  #narrow-by-list2 {
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top: 0;
  }

  .block-layered-nav dl ol > li > a,
  .block-layered-nav dl ol > li > span {
    padding: 7px;
    margin: 5px;
  }

  .block-layered-nav dl ol > li > a {
    color: #191919;
    background-color: #F4F4F4;
    padding: 5px 10px;
  }
  .block-layered-nav dl ol > li > a:hover {
    text-decoration: none;
    background: #ededed;
  }
}
.block-layered-nav .currently .block-subtitle {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}
.block-layered-nav .currently ol {
  padding-left: 10px;
  margin-bottom: 10px;
}
.block-layered-nav .currently ol li {
  margin-bottom: 5px;
}
.block-layered-nav .currently ol li .label {
  font-weight: bold;
}
.block-layered-nav .currently ol li:after {
  content: '';
  display: table;
  clear: both;
}

.block-layered-nav .actions {
  text-align: right;
  margin-bottom: 7px;
}

/* ============================================ *
 * Catalog - Product
 * ============================================ */
.product-view {
  background: #fff;
  margin: 0 0 55px;
  padding: 0 0 52px;
  position: relative;
}
.new-layout .product-view {
  background: #f9f9f9;
  margin: 0;
  padding: 0;
}
.new-layout .product-view form {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .new-layout .product-view .product-essential {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .new-layout .product-view .product-img-box {
    width: 50%;
    flex-shrink: 0;
    float: none;
    padding: 0;
  }
}
.new-layout .product-view .product-img-box img {
  width: 100%;
  height: auto;
}
.new-layout .product-view .product-img-box .more-views {
  display: none;
}
@media only screen and (min-width: 768px) {
  .new-layout .product-view .info-extra {
    flex-grow: 1;
  }
}
.new-layout .product-view .text-section {
  margin: 0 auto;
  max-width: 360px;
  padding: 49px 16px;
  color: #474747;
  line-height: 22px;
  text-align: center;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-view .text-section {
    max-width: 370px;
  }
}
.new-layout .product-view .product-name {
  margin: 0 0 18px;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-view .product-name {
    font-size: 38px;
    line-height: 46px;
    color: #131313;
    margin-bottom: 41px;
  }
}
.new-layout .product-view .product-name h1 {
  margin: 0;
  padding: 0;
  border: none;
  text-transform: none;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  color: #262626;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-view .product-name h1 {
    font-size: 38px;
    line-height: 46px;
    color: #131313;
  }
}
.new-layout .product-view .short-new-description {
  margin: 0 0 26px;
}
.new-layout .product-view p {
  margin: 0;
}
.new-layout .product-view .btn-holder {
  margin: 0 auto 26px;
  max-width: 315px;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-view .btn-holder {
    max-width: 320px;
  }
}
.new-layout .product-view .btn-holder .button {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.03em;
  display: block;
}
.new-layout .product-view .note {
  font-size: 12px;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-view .note {
    font-size: 10px;
    line-height: 20px;
  }
}
.new-layout .product-view .scroll-link {
  bottom: 5px;
  right: 5px;
  position: absolute;
  display: block;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-view .scroll-link {
    right: 29px;
    bottom: 9px;
  }
}
@media only screen and (min-width: 768px) {
  .product-view .product-essential {
    margin: 0 auto;
    max-width: 1394px;
    padding: 0 16px;
  }
}
.product-view .product-essential:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-shop {
  padding: 0 20px;
}
@media only screen and (min-width: 375px) {
  .product-view .product-shop {
    padding: 0 32px;
  }
}
@media only screen and (min-width: 768px) {
  .product-view .product-shop {
    overflow: hidden;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .product-view .product-shop .product-shop-holder {
    width: 376px;
    padding: 0 0 0 16px;
  }
}
.product-view .product-shop .product-name {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  color: #191919;
  margin: 0 0 9px;
  text-transform: none;
  letter-spacing: 0.03em;
}
@media only screen and (min-width: 980px) {
  .product-view .product-shop .product-name {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
  }
}
.product-view .product-shop .short-description {
  font-size: 14px;
  line-height: 22px;
  color: #474747;
  margin: 0 0 35px;
}
@media only screen and (min-width: 768px) {
  .product-view .product-shop .short-description {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;
  }
}
.product-view .product-shop .short-description h2 {
  text-transform: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}
.product-view .product-shop .price-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 13px;
  margin: 0 0 19px;
}
@media only screen and (min-width: 768px) {
  .product-view .product-shop .price-holder {
    padding-bottom: 6px;
    margin-bottom: 11px;
  }
}
.product-view .product-shop .price-info {
  margin: 0 5px 5px 0;
}
.product-view .product-shop .extra-info {
  margin: 0 0 5px 5px;
  padding: 7px 0 0;
}
.product-view .product-shop .ratings {
  white-space: nowrap;
  line-height: 14px;
}
.product-view .product-shop .ratings .rating-box,
.product-view .product-shop .ratings .amount {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.product-view .product-shop .ratings .amount {
  font-size: 12px;
  line-height: 14px;
  color: #a3a3a3;
  font-weight: 500;
}
.product-view .product-shop .ratings .amount a {
  text-decoration: none;
  color: inherit;
}
.product-view .product-shop .ratings .amount a:hover {
  color: #191919;
}
.product-view .product-shop .price-box {
  margin: 0;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
  padding-right: 0;
  font-size: 22px;
  line-height: 26px;
}
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
  font-size: 22px;
  line-height: 26px;
}
.product-view .product-shop .price-box .special-price .price-label {
  font-size: 22px;
  line-height: 26px;
}
.product-view .product-shop .price-box .special-price span.weee {
  color: #191919;
}
.product-view .product-shop .price-box .special-price span.weee span.price {
  font-size: 16px;
}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
  display: block;
  line-height: 1.2;
  color: #191919;
}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
  font-size: 16px;
  font-weight: 300;
}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
  font-size: 20px;
}
.product-view .price-box.map-info a {
  display: inherit;
}
.product-view .old-price .price-label {
  display: none;
}
.product-view .new-description {
  overflow: hidden;
  margin: 0 -12px 13px;
  position: relative;
}
.product-view .new-description:after {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 1px;
  background: #d8d8d8;
}
@media only screen and (min-width: 768px) {
  .product-view .new-description {
    margin-bottom: 9px;
  }
}
.product-view .new-description li {
  margin: 0 12px 14px;
  float: left;
  width: calc(100% - 24px);
  font-size: 12px;
  line-height: 20px;
  color: #595959;
}
.product-view .new-description li.medium {
  width: calc(60% - 24px);
}
.product-view .new-description li.short {
  width: calc(40% - 24px);
}
.product-view .new-description .title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 5px;
  letter-spacing: 0.08em;
  color: #131313;
}
.product-view .new-description .flavor,
.product-view .new-description .roast,
.product-view .new-description .tea-type,
.product-view .new-description .caffeine-level {
  text-transform: uppercase;
  font-size: 9px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #a3a3a3;
  position: relative;
  padding: 0 0 0 28px;
  margin: 7px 0 3px;
}
@media only screen and (min-width: 768px) {
  .product-view .new-description .flavor,
  .product-view .new-description .roast,
  .product-view .new-description .tea-type,
  .product-view .new-description .caffeine-level {
    margin-bottom: 0;
  }
}
.product-view .new-description .flavor {
  padding-left: 32px;
}
.product-view .roast-section,
.product-view .sku {
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  color: #a3a3a3;
}
@media only screen and (min-width: 768px) {
  .product-view .roast-section,
  .product-view .sku {
    font-size: 11px;
    line-height: 20px;
  }
}
.product-view .roast-section strong {
  display: block;
  font-weight: 500;
  color: #785c3d;
}
.product-view .roast-section a {
  color: inherit;
}
.product-view .roast-section a:hover {
  color: #191919;
  text-decoration: underline;
}
.product-view .sku {
  text-transform: uppercase;
}
.product-view .shoprunner-catalog-product {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #131313;
  margin: 0 -25px;
  padding: 1px 0 0;
}
@media only screen and (min-width: 768px) {
  .product-view .shoprunner-catalog-product {
    margin: 0 -5px;
    padding-top: 13px;
  }
}
.product-view .shoprunner-catalog-product .srd_iconline {
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  position: relative;
  color: #474747;
  padding: 0 0 13px;
}
@media only screen and (min-width: 768px) {
  .product-view .shoprunner-catalog-product .srd_iconline {
    line-height: 15px;
    font-size: 11px;
  }
}
.product-view .shoprunner-catalog-product .srd_iconline .srd_logo {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 0 0 5px 5px;
}
.product-view .shoprunner-catalog-product .srd_iconline .srd_msg {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 5px;
  padding: 0;
  text-align: center;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif !important;
}
.product-view .shoprunner-catalog-product strong {
  font-weight: normal;
  letter-spacing: 0;
}
.product-view .shoprunner-catalog-product .srd_a_wrap {
  display: block;
  color: #a3a3a3;
  text-align: center;
  letter-spacing: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product-view .shoprunner-catalog-product .srd_a_wrap a {
  color: #a3a3a3;
  text-decoration: none;
}
.product-view .shoprunner-catalog-product .srd_a_wrap a:hover {
  text-decoration: underline;
  color: #191919;
}
.product-view .add-to-cart-wrapper,
.product-view .block-related {
  width: 50%;
  float: right;
  clear: right;
}
.product-view .scroll-link {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .product-view .scroll-link {
    position: absolute;
    right: 30px;
    bottom: 10px;
    color: #dedede;
    display: block;
  }
  .product-view .scroll-link:hover {
    color: #8b6f4e;
  }
}

.roast:before,
.caffeine-level:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
}
.roast img,
.caffeine-level img {
  position: absolute;
  top: -1px;
  left: 0;
}

.roast.light:before {
  background-image: url("../images/roast-light.png");
}
.roast.medium:before {
  background-image: url("../images/roast-medium.png");
}
.roast.dark:before {
  background-image: url("../images/roast-dark.png");
}
.roast.extra.dark:before {
  background-image: url("../images/roast-extra-dark.png");
}
.roast:before {
  width: 19px;
  height: 19px;
}

.caffeine-level.moderate.caffeine:before {
  background-image: url("../images/caffeine-moderate.png");
}
.caffeine-level.light.caffeine:before {
  background-image: url("../images/caffeine-light.png");
}
.caffeine-level.none:before {
  background-image: url("../images/caffeine-none.png");
}
.caffeine-level.decaffeinated:before {
  background-image: url("../images/decaffeinated.png");
}
.caffeine-level:before {
  width: 21px;
  height: 21px;
  top: -2px;
}
.caffeine-level img {
  top: -2px;
}

.flavor img,
.tea-type img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  max-width: 30px;
}

.flavor.nutty:before {
  content: url("../images/product-icon-nutty.png");
}
.flavor.spicy:before {
  content: url("../images/product-icon-spicy.png");
}
.flavor.herbal:before {
  content: url("../images/product-icon-herbal.png");
}
.flavor.bright:before {
  content: url("../images/product-icon-bright.png");
}
.flavor.fruity:before {
  content: url("../images/product-icon-fruity.png");
}
.flavor img {
  margin: -2px 0 0;
}

.tea-type:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.tea-type.black:before {
  content: url("../images/tea-type-black.png");
}
.tea-type.green:before {
  content: url("../images/tea-type-green.png");
}
.tea-type.herbal:before {
  content: url("../images/tea-type-herbal.png");
}
.tea-type:before {
  content: url("../images/product-icon-leaf.svg");
}

@media only screen and (max-width: 850px) {
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 15px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 16px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
  }
}
@media only screen and (max-width: 420px) {
  .product-view .product-shop .price-box .price-excluding-tax,
  .product-view .product-shop .price-box .price-including-tax {
    margin-bottom: 5px;
  }
  .product-view .product-shop .price-box .price-excluding-tax span,
  .product-view .product-shop .price-box .price-including-tax span {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .product-img-box {
    margin: 0 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .product-img-box {
    float: left;
    width: calc(100% - 376px);
    padding: 0 16px 0 0;
    max-width: 874px;
  }
}
.product-img-box .product-image {
  position: relative;
  border: none;
}
@media only screen and (min-width: 768px) {
  .product-img-box .product-image {
    max-width: 720px;
  }
}
.product-img-box .product-image .badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: #8b6f4e;
  color: #e8dec8;
  font-size: 9px;
  line-height: 14px;
  letter-spacing: 0.1em;
  padding: 10px;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .product-img-box .product-image .badge {
    margin: 0 0 0 8%;
  }
}
.product-img-box .product-image img {
  max-width: 100%;
  max-height: 540px;
  margin: 0 auto;
}
.product-img-box .more-views h2 {
  display: none;
}

@media only screen and (max-width: 479px) {
  .product-img-box .product-image img {
    max-height: 450px;
  }
}
.product-image-gallery {
  position: relative;
}
.product-image-gallery .gallery-image {
  display: none;
}
.product-image-gallery .gallery-image.visible {
  display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}
.product-image-gallery:before, .product-image-gallery:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.product-image-gallery:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.product-image-gallery.loading {
  position: relative;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}

.product-image-thumbs {
  text-align: center;
  padding: 20px 0 0;
}
.product-image-thumbs li {
  display: inline-block;
  vertical-align: top;
  margin: 0 1px 5px;
}
.product-image-thumbs a {
  display: block;
  border: 3px solid transparent;
}
.product-image-thumbs a:hover, .product-image-thumbs a.active {
  border-color: #8b6f4e;
}

.product-view {
  /* Set a min-height so that the floated elements break appropriately */
}
.product-view .add-to-box:after,
.product-view .add-to-cart:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-options-bottom .price-box {
  min-height: 40px;
}
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons .paypal-logo {
  margin-bottom: 10px;
}
.product-view .add-to-cart-buttons .paypal-logo {
  clear: left;
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
  margin: 0 auto;
  display: block;
  width: 170px;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
  display: block;
  width: 174px;
  margin: 0 auto;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
  display: block;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
  text-align: center;
}
.product-view .add-to-cart .button {
  width: 100%;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.product-view .alert-price,
.product-view .alert-stock {
  clear: both;
}

@media only screen and (max-width: 479px) {
  .product-view .add-to-cart-buttons .paypal-or {
    line-height: 20px;
  }
  .product-view .add-to-cart-buttons .paypal-logo,
  .product-view .add-to-cart-buttons .paypal-or,
  .product-view .add-to-cart-buttons .paypal-button,
  .product-view .add-to-cart-buttons .button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or {
  display: none;
}

.product-view .add-to-links {
  clear: both;
  margin-top: 0px;
  margin-right: 15px;
  float: left;
}
.product-view .add-to-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-links li {
  float: left;
}
.product-view .add-to-links a {
  padding: 2px 7px 2px 0px;
  margin-left: 7px;
  border-right: 1px solid #CCCCCC;
}
.product-view .add-to-links li:first-child a {
  margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
  border-right: 0px;
}

.product-view .sharing-links {
  float: left;
}
.product-view .sharing-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .sharing-links li {
  float: left;
  padding: 0px 7px 7px;
}
.product-view .sharing-links a {
  text-indent: -9999px;
  display: block;
  width: 26px;
  height: 26px;
}
.product-view .sharing-links a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 599px) {
  .add-to-box .add-to-links a {
    float: none;
    width: auto;
    text-indent: 0;
  }
}
.product-collateral {
  clear: both;
}

.collateral-tabs dd h2 {
  display: none;
}

.box-collateral {
  clear: both;
}

@media only screen and (min-width: 768px) {
  .product-collateral .toggle-tabs {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #CCCCCC;
    background-color: #F4F4F4;
  }
  .product-collateral .toggle-tabs li {
    float: left;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
  }
  .product-collateral .toggle-tabs li > span {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    bottom: -1px;
  }
  .product-collateral .toggle-tabs li.current {
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
  }
  .product-collateral .toggle-tabs li.current > span {
    background-color: #FFFFFF;
    z-index: 5;
  }
  .product-collateral .toggle-tabs li.current span,
  .product-collateral .toggle-tabs li:hover span {
    color: #191919;
  }
  .product-collateral .toggle-tabs li:first-child {
    border-left: none;
  }
  .product-collateral .toggle-tabs:after {
    content: '';
    display: table;
    clear: both;
  }
  .product-collateral > dl {
    width: 100%;
  }
  .product-collateral > dl > dt {
    display: none;
  }
  .product-collateral > dl > dd {
    width: 100%;
    display: none;
    padding: 15px;
    border: 1px solid #CCCCCC;
    border-top: 0;
  }
  .product-collateral > dl > dd.current {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .product-collateral .toggle-tabs {
    display: none;
  }
  .product-collateral > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #191919;
    font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
    display: block;
  }
  .product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #191919;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .product-collateral > dl > dt:hover {
    background-color: #ededed;
  }
  .product-collateral > dl > dd {
    padding: 10px;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
  }
  .product-collateral > dl > dd:last-child {
    border-width: 0 1px 1px 1px;
  }
  .product-collateral > dl > dt {
    cursor: pointer;
    border-bottom-width: 0;
  }
  .product-collateral > dl > dt:hover {
    color: #191919;
  }
  .product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #191919;
    border-right: none;
  }
  .product-collateral > dl > dt.last {
    border-bottom-width: 1px;
  }
  .product-collateral > dl > dd {
    display: none;
  }
  .product-collateral.accordion-open > dl > dt.current {
    border-bottom-width: 1px;
  }
  .product-collateral.accordion-open > dl > dt.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #191919;
    border-bottom: none;
    left: 6px;
    top: 50%;
    margin-top: -3px;
  }
  .product-collateral.accordion-open > dl > dd.current {
    display: block;
  }
}
.product-view .ratings .rating-links {
  clear: left;
  float: left;
  margin-top: 0;
}

#product-attribute-specs-table {
  max-width: 50em;
  border: 1px solid #d8d8d8;
}
#product-attribute-specs-table th {
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */
.grouped-items-table-wrapper {
  border: solid 1px #d8d8d8;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
}
.grouped-items-table-wrapper tbody tr:last-child td {
  border-bottom: none;
}
@media only screen and (max-width: 479px) {
  .grouped-items-table-wrapper {
    margin-bottom: 16px;
  }
}

.grouped-items-table .name-wrapper {
  color: #191919;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.grouped-items-table .qty-wrapper {
  padding-top: 7px;
}
.grouped-items-table .qty-label {
  margin-left: 7px;
}
.grouped-items-table td {
  padding: 4px;
}
.grouped-items-table td:last-child {
  width: 30%;
  text-align: left;
}
.grouped-items-table .price-box {
  text-align: right;
}

/* -------------------------------------------- *
 * Catalog - Product Options
 */
.catalog-product-view .product-options-list,
.catalog-product-view .product-details-short,
.catalog-category-view .product-options-list,
.catalog-category-view .product-details-short,
.cartful-coffee-finder .product-options-list,
.cartful-coffee-finder .product-details-short {
  list-style: none;
}
.catalog-product-view .product-options-list select,
.catalog-product-view .product-details-short select,
.catalog-category-view .product-options-list select,
.catalog-category-view .product-details-short select,
.cartful-coffee-finder .product-options-list select,
.cartful-coffee-finder .product-details-short select {
  border: none;
  text-transform: uppercase;
  font-size: 12px;
  color: #595959;
  padding: 0 20px 0 0;
  height: 20px;
  letter-spacing: 0.08em;
}
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  .catalog-product-view .product-options-list select,
  .catalog-product-view .product-details-short select,
  .catalog-category-view .product-options-list select,
  .catalog-category-view .product-details-short select,
  .cartful-coffee-finder .product-options-list select,
  .cartful-coffee-finder .product-details-short select {
    font-size: 16px;
    letter-spacing: 0;
  }
}
.catalog-product-view .product-options-list .qty-wrapper,
.catalog-product-view .product-details-short .qty-wrapper,
.catalog-category-view .product-options-list .qty-wrapper,
.catalog-category-view .product-details-short .qty-wrapper,
.cartful-coffee-finder .product-options-list .qty-wrapper,
.cartful-coffee-finder .product-details-short .qty-wrapper {
  position: relative;
  padding: 0 25px;
}
.catalog-product-view .product-options-list .qty-wrapper .update-qty-button,
.catalog-product-view .product-details-short .qty-wrapper .update-qty-button,
.catalog-category-view .product-options-list .qty-wrapper .update-qty-button,
.catalog-category-view .product-details-short .qty-wrapper .update-qty-button,
.cartful-coffee-finder .product-options-list .qty-wrapper .update-qty-button,
.cartful-coffee-finder .product-details-short .qty-wrapper .update-qty-button {
  position: absolute;
  top: 0;
  border: none;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #f3f3f3;
  color: #595959;
  transition: background 0.2s linear;
  font-size: 0;
  line-height: 0;
  outline: none;
}
.catalog-product-view .product-options-list .qty-wrapper .update-qty-button:hover,
.catalog-product-view .product-details-short .qty-wrapper .update-qty-button:hover,
.catalog-category-view .product-options-list .qty-wrapper .update-qty-button:hover,
.catalog-category-view .product-details-short .qty-wrapper .update-qty-button:hover,
.cartful-coffee-finder .product-options-list .qty-wrapper .update-qty-button:hover,
.cartful-coffee-finder .product-details-short .qty-wrapper .update-qty-button:hover {
  cursor: pointer;
  background: #b2b2b2;
}
.catalog-product-view .product-options-list .qty-wrapper .update-qty-button:before,
.catalog-product-view .product-details-short .qty-wrapper .update-qty-button:before,
.catalog-category-view .product-options-list .qty-wrapper .update-qty-button:before,
.catalog-category-view .product-details-short .qty-wrapper .update-qty-button:before,
.cartful-coffee-finder .product-options-list .qty-wrapper .update-qty-button:before,
.cartful-coffee-finder .product-details-short .qty-wrapper .update-qty-button:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  font-size: 7px;
  line-height: 20px;
}
.catalog-product-view .product-options-list .qty-wrapper .update-qty-button.minus,
.catalog-product-view .product-details-short .qty-wrapper .update-qty-button.minus,
.catalog-category-view .product-options-list .qty-wrapper .update-qty-button.minus,
.catalog-category-view .product-details-short .qty-wrapper .update-qty-button.minus,
.cartful-coffee-finder .product-options-list .qty-wrapper .update-qty-button.minus,
.cartful-coffee-finder .product-details-short .qty-wrapper .update-qty-button.minus {
  left: 0;
}
.catalog-product-view .product-options-list .qty-wrapper .update-qty-button.minus:before,
.catalog-product-view .product-details-short .qty-wrapper .update-qty-button.minus:before,
.catalog-category-view .product-options-list .qty-wrapper .update-qty-button.minus:before,
.catalog-category-view .product-details-short .qty-wrapper .update-qty-button.minus:before,
.cartful-coffee-finder .product-options-list .qty-wrapper .update-qty-button.minus:before,
.cartful-coffee-finder .product-details-short .qty-wrapper .update-qty-button.minus:before {
  content: "\e912";
  font-size: 2px;
}
.catalog-product-view .product-options-list .qty-wrapper .update-qty-button.plus,
.catalog-product-view .product-details-short .qty-wrapper .update-qty-button.plus,
.catalog-category-view .product-options-list .qty-wrapper .update-qty-button.plus,
.catalog-category-view .product-details-short .qty-wrapper .update-qty-button.plus,
.cartful-coffee-finder .product-options-list .qty-wrapper .update-qty-button.plus,
.cartful-coffee-finder .product-details-short .qty-wrapper .update-qty-button.plus {
  right: 0;
}
.catalog-product-view .product-options-list .qty-wrapper .update-qty-button.plus:before,
.catalog-product-view .product-details-short .qty-wrapper .update-qty-button.plus:before,
.catalog-category-view .product-options-list .qty-wrapper .update-qty-button.plus:before,
.catalog-category-view .product-details-short .qty-wrapper .update-qty-button.plus:before,
.cartful-coffee-finder .product-options-list .qty-wrapper .update-qty-button.plus:before,
.cartful-coffee-finder .product-details-short .qty-wrapper .update-qty-button.plus:before {
  content: "\e913";
}
.catalog-product-view .product-options-list .qty-wrapper input,
.catalog-product-view .product-details-short .qty-wrapper input,
.catalog-category-view .product-options-list .qty-wrapper input,
.catalog-category-view .product-details-short .qty-wrapper input,
.cartful-coffee-finder .product-options-list .qty-wrapper input,
.cartful-coffee-finder .product-details-short .qty-wrapper input {
  border: none;
  text-align: center;
  width: 100%;
  height: 20px;
  font-size: 12px;
  color: #595959;
  padding: 0;
}
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  .catalog-product-view .product-options-list .qty-wrapper input,
  .catalog-product-view .product-details-short .qty-wrapper input,
  .catalog-category-view .product-options-list .qty-wrapper input,
  .catalog-category-view .product-details-short .qty-wrapper input,
  .cartful-coffee-finder .product-options-list .qty-wrapper input,
  .cartful-coffee-finder .product-details-short .qty-wrapper input {
    font-size: 16px;
  }
}

.product-options {
  margin: 0 0 13px;
}
.product-options .product-options-list {
  overflow: hidden;
  margin-left: -12px;
  margin-right: -12px;
}
.product-options .product-options-list > li:not(.buttons-area) {
  border-bottom: 1px solid #b2b2b2;
  margin: 0 12px 13px;
  padding: 0 0 8px;
  font-size: 11px;
  line-height: 14px;
  float: left;
  width: calc(100% - 24px);
}
.product-options .product-options-list > li:not(.buttons-area).medium {
  width: calc(62% - 24px);
}
.product-options .product-options-list > li:not(.buttons-area).short {
  width: calc(38% - 24px);
}
.product-options .product-options-list > li:not(.buttons-area) > label,
.product-options .product-options-list > li:not(.buttons-area) > .label {
  display: inline-block;
  vertical-align: top;
  color: #b2b2b2;
  margin: 0 0 11px;
  font-size: 11px;
}
.product-options .product-options-list > li:not(.buttons-area) > label.required:after,
.product-options .product-options-list > li:not(.buttons-area) > .label.required:after {
  display: none;
}
.product-options .product-options-list .buttons-area {
  float: left;
  width: calc(100% - 24px);
  padding: 13px 0 5px;
  margin: 0 12px;
}
.product-options .product-options-list .radio-switcher {
  margin: 0 0 -8px;
  list-style: none;
}

.radio-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0;
  list-style: none !important;
}
.radio-switcher li {
  width: 50%;
  position: relative;
  padding: 0;
  margin: 0;
}
.radio-switcher input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 0;
  height: 0;
}
.radio-switcher input[type=radio]:checked + label {
  color: #8b6f4e;
  border-bottom-color: #8b6f4e;
}
.radio-switcher label {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  color: #595959;
  text-align: center;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #fff;
  padding: 4px 5px 10px;
  cursor: pointer;
}

.product-options dd .input-text {
  width: 98%;
}

.product-options dd .input-box {
  padding-top: 0;
}

.product-options dd input.datetime-picker {
  width: 150px;
}

.product-options dd .time-picker {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 2px 0;
  vertical-align: middle;
}

.product-options dd textarea {
  width: 98%;
  height: 8em;
}

.product-options dd select {
  width: 330px;
  max-width: 100%;
}

.product-options ul.options-list {
  margin-right: 5px;
}

.product-options ul.options-list li {
  line-height: 1.5;
  margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
  margin-bottom: 0;
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
  float: left;
  margin-top: 5px;
}

.product-options ul.options-list .label {
  display: block;
}

.product-options ul.options-list label {
  font-weight: normal;
}

.product-options p.note {
  margin: 0;
  font-size: 11px;
}

.product-options-bottom {
  margin: 0 0 18px;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
  float: right;
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  background: 0;
  color: #191919;
}
@media only screen and (max-width: 1199px) {
  .product-options-bottom .product-pricing,
  .product-options-bottom .tier-prices {
    float: none;
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
  }
}

.product-options-bottom .tier-prices li {
  background: 0;
  padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
  color: #191919;
}

/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */
.product-options-bottom .price-box {
  display: none;
  float: right;
  margin: 0 0 10px;
  padding: 0;
}

@media only screen and (max-width: 479px) {
  .product-options-bottom .price-box .price-as-configured {
    text-align: right;
  }
  .product-options-bottom .price-box .price-as-configured .price-label {
    display: block;
  }
}
.product-options-bottom .price-tax {
  float: left;
}

/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */
.block-related li {
  margin-bottom: 7px;
}
.block-related .block-title {
  border-bottom: none;
}
.block-related .block-title h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  margin-bottom: 0;
}
.block-related .block-subtitle {
  margin-bottom: 7px;
}
.block-related .product {
  margin-left: 20px;
  position: relative;
}
.block-related .checkbox {
  float: left;
  margin-top: 36px;
}
.block-related .product-details {
  margin-left: 90px;
}
.block-related .product-name {
  margin-bottom: 3px;
}
.block-related .product-details .price-box {
  margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
  float: left;
  margin-left: 3px;
}
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
  margin-left: 0;
  font-size: 16px;
  padding-right: 5px;
  padding-left: 5px;
}
.block-related .product-details .price-box:after {
  content: '';
  display: table;
  clear: both;
}
.block-related .link-wishlist {
  display: none;
}

.product-options-section {
  background: #f9f9f9;
}
.product-options-section .holder {
  padding: 53px 32px;
}
@media only screen and (min-width: 768px) {
  .product-options-section .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 auto;
    max-width: 1168px;
    padding: 53px 0 23px;
  }
}
.product-options-section .holder .column {
  margin: 0 0 29px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .product-options-section .holder .column:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-options-section .holder .column:not(:first-child) {
    border-top: 1px dashed #595959;
    padding-top: 29px;
  }
}
@media only screen and (min-width: 768px) {
  .product-options-section .holder .column {
    width: 330px;
    padding: 0 16px;
  }
  .product-options-section .holder .column.wide {
    width: calc(95% - 330px);
  }
  .product-options-section .holder .column.with-separator {
    position: relative;
  }
  .product-options-section .holder .column.with-separator:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    bottom: 0;
    width: 1px;
    border-left: 1px dashed #595959;
  }
}
@media only screen and (min-width: 980px) {
  .product-options-section .holder .column.wide {
    width: calc(86.5% - 330px);
  }
  .product-options-section .holder .column.with-separator:before {
    left: -23%;
  }
}
.product-options-section .holder h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #131313;
  letter-spacing: 0.1em;
  margin: 0 0 20px;
}
.product-options-section .holder h2.small-bottom-indent {
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .product-options-section .holder h2 {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.product-options-section .roast-level-section,
.product-options-section .caffeine-level-section {
  padding: 51px 0 30px;
  margin: 0 0 47px;
}
@media only screen and (min-width: 768px) {
  .product-options-section .roast-level-section,
  .product-options-section .caffeine-level-section {
    padding: 64px 0 32px;
  }
}
.product-options-section .level-indicator,
.product-options-section .caffeine-indicator {
  height: 8px;
  border-radius: 4px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .product-options-section .level-indicator,
  .product-options-section .caffeine-indicator {
    height: 17px;
    border-radius: 9px;
  }
}
.product-options-section .level-indicator {
  background: linear-gradient(to right, rgba(231, 221, 199, 0.65) 0%, rgba(178, 158, 131, 0.64) 20%, rgba(140, 112, 78, 0.63) 40%, rgba(118, 95, 69, 0.62) 60%, rgba(71, 58, 46, 0.62) 80%, rgba(25, 25, 25, 0.61) 100%);
}
.product-options-section .level-indicator.extra .current-roast {
  right: 5%;
}
@media only screen and (min-width: 768px) {
  .product-options-section .level-indicator.extra .current-roast {
    right: 10%;
  }
}
.product-options-section .level-indicator.extra .product-name {
  right: 0;
  text-align: right;
}
.product-options-section .level-indicator.dark .current-roast {
  right: 25%;
}
.product-options-section .level-indicator.dark .product-name {
  right: 0;
  text-align: right;
}
.product-options-section .level-indicator.medium .current-roast {
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-options-section .level-indicator.medium .product-name {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.product-options-section .level-indicator.light .current-roast {
  left: 5%;
}
@media only screen and (min-width: 768px) {
  .product-options-section .level-indicator.light .current-roast {
    left: 10%;
  }
}
.product-options-section .level-indicator.light .product-name {
  left: 0;
  text-align: left;
}
.product-options-section .level-indicator .current-roast {
  background: #8b6f4e;
}
@media only screen and (min-width: 768px) {
  .product-options-section .level-indicator .current-roast {
    background: #64523c;
  }
}
.product-options-section .caffeine-indicator {
  background: linear-gradient(to right, #e7e7e7 0%, #e4e5e4 0%, #cdcdcd 20%, #cccbcc 20%, #b3b3b3 40%, #989898 60%, #7c7c7c 80%, #666566 100%);
}
.product-options-section .caffeine-indicator.moderate .current-roast {
  right: 25%;
}
.product-options-section .caffeine-indicator.moderate .product-name {
  right: 0;
  text-align: right;
}
.product-options-section .caffeine-indicator.light .current-roast {
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-options-section .caffeine-indicator.light .product-name {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.product-options-section .caffeine-indicator.none .current-roast {
  left: 5%;
}
@media only screen and (min-width: 768px) {
  .product-options-section .caffeine-indicator.none .current-roast {
    left: 10%;
  }
}
.product-options-section .caffeine-indicator.none .product-name {
  left: 0;
  text-align: left;
}
.product-options-section .caffeine-indicator.decaffeinated .current-roast {
  left: 0;
}
.product-options-section .caffeine-indicator.decaffeinated .product-name {
  left: 0;
  text-align: left;
}
.product-options-section .caffeine-indicator .current-roast {
  background: #545454;
}
.product-options-section .current-roast {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 768px) {
  .product-options-section .current-roast {
    width: 40px;
    height: 40px;
    border-width: 3px;
  }
}
.product-options-section .product-name {
  position: absolute;
  width: 180px;
  bottom: 31px;
  font-size: 12px;
  line-height: 18px;
  color: #785c3d;
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .product-options-section .product-name {
    bottom: 49px;
  }
}
.product-options-section .product-name strong {
  font-weight: 500;
}
.product-options-section .level {
  position: absolute;
  top: 18px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 22px;
  color: #191919;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 768px) {
  .product-options-section .level {
    top: 25px;
    letter-spacing: 0.1em;
  }
}
.product-options-section .level.light-lvl {
  left: 0;
}
@media only screen and (min-width: 980px) {
  .product-options-section .level.light-lvl {
    left: 13px;
  }
}
.product-options-section .level.medium-lvl {
  left: 50%;
  transform: translateX(-50%);
}
.product-options-section .level.dark-lvl {
  right: 0;
}
@media only screen and (min-width: 980px) {
  .product-options-section .level.dark-lvl {
    right: 13px;
  }
}
.product-options-section .text-note {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.08em;
  color: #a3a3a3;
}
.product-options-section .text-note a {
  text-decoration: none;
  color: #474747;
  position: relative;
}
.product-options-section .text-note a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 6px 0 0;
  height: 1px;
  border-bottom: 1px solid #b2b2b2;
}
.product-options-section .text-note a:hover {
  color: #8b6f4e;
}
.product-options-section .text-note a:hover:after {
  border-bottom-color: transparent;
}
.product-options-section .brewing-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 -19px 9px;
  padding: 5px 0 0;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .product-options-section .brewing-list {
    padding: 20px 0 0;
    max-width: 278px;
    margin: 0 -15px 16px;
  }
}
.product-options-section .brewing-list li {
  margin: 0 8px 16px;
  width: calc(33.333% - 16px);
  text-align: center;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  .product-options-section .brewing-list li {
    padding: 0;
  }
}
.product-options-section .brewing-list li.drip .image:before {
  content: url("../images/drip.png");
}
.product-options-section .brewing-list li.pour .image:before {
  content: url("../images/pour-over.png");
}
.product-options-section .brewing-list li.press .image:before {
  content: url("../images/press-pot.png");
}
.product-options-section .brewing-list li.cold .image:before {
  content: url("../images/cold-brew.png");
}
.product-options-section .brewing-list li.espresso .image:before {
  content: url("../images/espresso.png");
}
.product-options-section .brewing-list li.k-cup .image:before {
  content: url("../images/k-cup.png");
}
.product-options-section .brewing-list li.vacuum .image:before {
  content: url("../images/vacuum-pot.png");
}
.product-options-section .brewing-list li.siphon .image:before {
  content: url("../images/siphon.png");
}
.product-options-section .brewing-list .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  height: 60px;
  margin: 0 0 17px;
  white-space: nowrap;
}
.product-options-section .brewing-list .image img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}
.product-options-section .brewing-list .title {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.15em;
  font-weight: 500;
  color: #191919;
}
.product-options-section .preparation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 -19px 18px;
  padding: 5px 0 0;
  list-style: none;
}
.product-options-section .preparation-list > li {
  margin: 0 8px 16px;
  width: calc(33.333% - 16px);
  text-align: center;
  padding: 0 10px;
}
.product-options-section .preparation-list .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 50px;
  margin: 0 0 11px;
}
.product-options-section .preparation-list .icon img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.product-options-section .preparation-list .description {
  text-transform: uppercase;
  color: #191919;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 768px) {
  .product-options-section .learn-more {
    margin: 0 0 0 6px;
  }
}

.learn-more {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #595959;
  letter-spacing: 0.09em;
  text-decoration: none;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .learn-more {
    font-size: 10px;
    line-height: 14px;
  }
}
.learn-more:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 4px 0 0;
  border-bottom: 1px solid #b2b2b2;
}
.learn-more:hover {
  color: #8b6f4e;
  text-decoration: none;
}
.learn-more:hover:after {
  border-bottom-color: transparent;
}

.product-text-section {
  background: #fff;
  font-size: 14px;
  line-height: 22px;
}
.product-text-section .holder {
  padding: 51px 32px;
}
@media only screen and (min-width: 768px) {
  .product-text-section .holder {
    max-width: 1168px;
    margin: 0 auto;
    padding: 51px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.product-text-section .column {
  margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .product-text-section .column:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .product-text-section .column {
    width: calc(33.333% - 32px);
    margin: 0 16px 32px;
  }
  .product-text-section .column.column-wide {
    width: calc(66.666% - 32px);
  }
  .product-text-section .column.column-half {
    width: calc(50% - 32px);
  }
  .product-text-section .column.column-large {
    width: calc(100% - 32px);
  }
}
.product-text-section h2 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.1em;
  color: #191919;
  margin: 0 0 4px;
}
@media only screen and (min-width: 768px) {
  .product-text-section h2 {
    margin-bottom: 11px;
  }
}
.product-text-section ul {
  padding: 0 0 0 20px;
}
.product-text-section ul li {
  position: relative;
  padding: 0 0 0 15px;
}
.product-text-section ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #595959;
}
.product-text-section p {
  margin: 0;
}
.product-text-section .logos-list {
  padding: 15px 0 0;
  margin: 0 -20px -20px 0;
}
.product-text-section .logos-list li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 17px 20px 0;
}
.product-text-section .logos-list li:before {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .catalog-product-view:not(.new-layout) .sticky-container {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .catalog-product-view .sticky-container {
    display: block !important;
  }
}
@media only screen and (min-width: 1024px) {
  .catalog-product-view .sticky-container .sticky-nav {
    border: none;
  }
}

.product-details-short {
  display: none;
  background: #fff;
  border: solid #ececec;
  border-width: 1px 0;
}
.new-layout .product-details-short {
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .new-layout .product-details-short .product-name,
  .new-layout .product-details-short .note {
    margin: 0 !important;
    float: left;
    max-width: 50%;
  }
  .new-layout .product-details-short .note {
    clear: left;
  }
  .new-layout .product-details-short .btn-holder {
    display: inline-block;
    vertical-align: top;
    max-width: 48%;
  }
}
.new-layout .product-details-short .scroll-link {
  bottom: auto;
  position: absolute;
  top: 11px;
  right: 5px;
  display: block;
  margin: 0;
  color: #595959;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-details-short .scroll-link {
    right: 29px;
  }
}
@media only screen and (min-width: 980px) {
  .new-layout .product-details-short .scroll-link:hover {
    color: #8b6f4e;
  }
  .new-layout .product-details-short .scroll-link:hover:before {
    transform: scale(1.5);
  }
}
.new-layout .product-details-short .scroll-link:before {
  content: "\e90d";
  font-size: 7px;
  transform: scale(1);
  transition: transform 0.3s linear;
}
@media only screen and (max-width: 767px) {
  .new-layout .product-details-short .details-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 20px 32px 24px;
  }
}
@media only screen and (min-width: 768px) {
  .new-layout .product-details-short .details-holder {
    padding: 10px 50px 10px 16px;
    margin: 0 auto;
    max-width: 1168px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .new-layout .product-details-short .details-holder {
    display: block;
    text-align: right;
  }
}
@media only screen and (min-width: 980px) {
  .new-layout .product-details-short .details-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 80px;
  }
}
.new-layout .product-details-short .product-name {
  margin: 0 15px 6px 0;
  max-width: none;
  white-space: normal;
  overflow: visible;
}
@media only screen and (min-width: 980px) {
  .new-layout .product-details-short .product-name {
    margin: 0 5px 0 0;
    flex-grow: 1;
  }
}
.new-layout .product-details-short .product-name h1,
.new-layout .product-details-short .product-name h2 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: #131313;
  font-weight: 500;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .new-layout .product-details-short .product-name h1,
  .new-layout .product-details-short .product-name h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.new-layout .product-details-short .note {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 15px 17px 0;
}
@media only screen and (min-width: 768px) {
  .new-layout .product-details-short .note {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 980px) {
  .new-layout .product-details-short .note {
    margin: 0 5px;
  }
}
.new-layout .product-details-short .btn-holder {
  margin: 0;
  max-width: 315px;
}
@media only screen and (min-width: 768px) {
  .new-layout .product-details-short .btn-holder {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width: 1200px) {
  .new-layout .product-details-short .btn-holder {
    margin-left: 6%;
  }
}
.new-layout .product-details-short .btn-holder .button {
  height: 40px;
  line-height: 38px;
}
@media only screen and (min-width: 768px) {
  .new-layout .product-details-short .btn-holder .button {
    letter-spacing: 0.015em;
  }
}
@media only screen and (min-width: 980px) {
  .new-layout .product-details-short .btn-holder .button {
    min-width: 320px;
  }
}
@media only screen and (min-width: 1024px) {
  .product-details-short {
    display: block;
  }
  .product-details-short .short-product-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 16px;
    margin: 0 auto;
    max-width: 1168px;
  }
  .product-details-short .short-product-options > li {
    margin: 0 5px;
    flex-shrink: 0;
  }
  .product-details-short .short-product-options > li > label,
  .product-details-short .short-product-options > li > .label {
    display: none;
  }
  .product-details-short .product-name {
    font-size: 18px;
    line-height: 20px;
    color: #191919;
    margin-left: 0;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    overflow: hidden;
    white-space: nowrap;
    max-width: 250px;
    text-overflow: ellipsis;
    flex-shrink: 1 !important;
  }
  .product-details-short select {
    width: 160px;
    letter-spacing: 1.1em;
  }
  .product-details-short .price-info .price-box {
    margin: 0;
    white-space: nowrap;
    text-transform: none;
    font-size: 14px;
    color: #a3a3a3;
    font-weight: 400;
  }
  .product-details-short .price-info .price {
    font-size: 18px;
    line-height: 26px;
    color: #222;
    font-weight: 300;
  }
  .product-details-short .qty-wrapper {
    width: 90px;
  }
  .product-details-short .radio-switcher {
    margin: 0 -5px;
  }
  .product-details-short .radio-switcher li {
    width: auto;
    padding: 0 5px;
  }
  .product-details-short .radio-switcher label {
    padding: 0;
  }
  .product-details-short .button {
    height: 40px;
    line-height: 38px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    min-width: 160px;
  }
  .product-details-short .button + .button {
    margin-left: 10px;
  }
}

.guarantee-block {
  padding: 55px 16px;
}
@media only screen and (min-width: 768px) {
  .guarantee-block {
    padding: 80px 0 30px;
  }
}
.guarantee-block h2 {
  position: relative;
  text-align: center;
  padding-top: 40px;
  margin: 0 0 61px;
  line-height: 48px;
  padding-top: 30px;
}
.guarantee-block h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
.guarantee-block h2:before {
  top: 0;
}
@media only screen and (min-width: 768px) {
  .guarantee-block h2 {
    margin-bottom: 43px;
  }
}
@media only screen and (min-width: 980px) {
  .guarantee-block h2 {
    padding-top: 36px;
  }
}
.guarantee-block .link-holder {
  text-align: center;
  padding: 48px 0 0;
}
@media only screen and (min-width: 1024px) {
  .guarantee-block .link-holder {
    padding-bottom: 40px;
  }
}

.main .ingredients-list,
.main .timing-list {
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .main .timing-list {
    margin: 0 -19px;
  }
}
.main .timing-list li {
  margin: 0 0 44px;
}
@media only screen and (max-width: 767px) {
  .main .timing-list li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 980px) {
  .main .ingredients-list {
    margin: 0 -16px;
  }
}
.main .ingredients-list li {
  margin: 0 0 29px;
}
@media only screen and (min-width: 768px) {
  .main .ingredients-list li {
    margin-bottom: 37px;
  }
}

@media only screen and (min-width: 768px) {
  .timing-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.timing-list.orange-style .heading:after {
  background: #e38e13;
}
.timing-list li {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .timing-list li.two-col {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .timing-list li.three-col {
    width: 75%;
  }
}
@media only screen and (min-width: 768px) {
  .timing-list li {
    width: 25%;
    line-height: 20px;
    font-size: 12px;
  }
  .timing-list li:first-child .heading:before {
    left: 50%;
  }
  .timing-list li:last-child .heading:before {
    right: 50%;
  }
}
.timing-list li p {
  margin: 0;
}
.timing-list .heading {
  margin: 0 0 4px;
}
@media only screen and (min-width: 768px) {
  .timing-list .heading {
    position: relative;
    padding: 0 16px 47px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .timing-list .heading:before {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    border-top: 1px dashed #b2b2b2;
  }
  .timing-list .heading:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    background: #8b6f4e;
  }
}
.timing-list h3 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #191919;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .timing-list h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: stretch;
    align-items: stretch;
    min-height: 66px;
  }
}
.timing-list h3 span {
  display: block;
}
.timing-list .description {
  margin: 0 auto;
  max-width: 290px;
}
@media only screen and (min-width: 768px) {
  .timing-list .description {
    padding: 0 15px;
    max-width: 225px;
  }
}

.ingredients-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 0 16px 24px;
}
@media only screen and (min-width: 768px) {
  .ingredients-list {
    padding: 9px 0 40px;
  }
}
.ingredients-list li {
  width: 50%;
  padding: 0 16px;
  text-align: center;
  color: #785c3d;
}
@media only screen and (min-width: 768px) {
  .ingredients-list li {
    width: 25%;
  }
}
.ingredients-list .item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: #8b6f4e;
  border-radius: 50%;
  width: 61px;
  height: 61px;
  margin: 0 auto 21px;
}
@media only screen and (min-width: 980px) {
  .ingredients-list .item-icon {
    width: 76px;
    height: 76px;
    margin-bottom: 29px;
  }
}
.ingredients-list .item-icon img {
  display: block;
  max-width: 61px;
}
@media only screen and (max-width: 979px) {
  .ingredients-list .item-icon img {
    transform: scale(0.8);
    max-width: 76px;
  }
}
.ingredients-list .item-title {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 980px) {
  .ingredients-list .item-title {
    font-size: 12px;
    line-height: 15px;
  }
}

.reviews-section {
  background: #f9f9f9;
}
.reviews-section .box-reviews {
  padding: 48px 16px 59px;
}
@media only screen and (min-width: 768px) {
  .reviews-section .box-reviews {
    margin: 0 auto;
    max-width: 1174px;
    padding: 75px 16px 56px;
  }
}
.reviews-section .filter-box {
  float: right;
  font-size: 12px;
  line-height: 16px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .reviews-section .filter-box {
    margin: 41px 0 0;
  }
}
.reviews-section .filter-box a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 18px 0 0;
  color: inherit;
  text-decoration: none;
}
.reviews-section .filter-box a:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "\e90c";
  font-size: 5px;
}
.reviews-section .left-box:after {
  content: '';
  display: table;
  clear: both;
}
.reviews-section .reviews-box {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #595959;
  letter-spacing: 0.08em;
  margin: 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .reviews-section .reviews-box {
    margin-bottom: 16px;
  }
}
.reviews-section .title-box {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  float: left;
  color: #131313;
}
@media only screen and (min-width: 768px) {
  .reviews-section .title-box {
    font-size: 24px;
    line-height: 28px;
    margin: 0 15px 0 0;
  }
}
.reviews-section .ratings {
  float: right;
  margin: 2px 0 0;
}
@media only screen and (min-width: 768px) {
  .reviews-section .ratings {
    float: left;
    margin-top: 3px;
  }
}
.reviews-section .ratings .rating-box {
  font-size: 19px;
  line-height: 20px;
  width: 140px;
  height: 20px;
  letter-spacing: 0.5em;
}
.reviews-section .ratings .rating {
  height: 20px;
}
.reviews-section .ratings .amount {
  display: none;
}
.reviews-section .toolbar-box {
  width: 100%;
  clear: both;
  padding: 20px 0 0;
  margin: 0 0 10px;
}
.reviews-section .toolbar-box.bottom {
  border-top: 1px solid #d8d8d8;
  margin-bottom: 15px;
}
.reviews-section .toolbar-box.bottom ~ .btn-holder {
  padding-top: 0;
}
.reviews-section .toolbar-box .pager {
  float: none;
  text-align: center;
}
.reviews-section .toolbar-box .pager .amount {
  float: none;
  margin: 0 0 2px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .reviews-section .toolbar-box .pager .amount {
    float: right;
    margin: 0 0 0 -100%;
  }
}
.reviews-section .toolbar-box .pager .amount a {
  color: inherit;
  text-decoration: none;
}
.reviews-section .toolbar-box .pager .amount a:hover {
  color: #8b6f4e;
}
.reviews-section .toolbar-box .pager .pages {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .reviews-section .toolbar-box .pager .pages {
    margin: 0 200px;
  }
}
.reviews-section .box-content {
  color: #595959;
}
.reviews-section .box-content dt {
  border-top: 1px solid #d8d8d8;
  padding: 24px 0 0;
  margin: 0 0 4px;
}
@media only screen and (min-width: 768px) {
  .reviews-section .box-content dt {
    padding-top: 27px;
    margin-bottom: 13px;
  }
}
.reviews-section .box-content dd {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .reviews-section .box-content dd {
    margin-bottom: 26px;
    max-width: 880px;
  }
}
@media only screen and (min-width: 768px) {
  .reviews-section .box-content .heading {
    margin: 0 0 14px;
  }
  .reviews-section .box-content .heading:after {
    content: '';
    display: table;
    clear: both;
  }
}
.reviews-section .box-content .review-rating {
  margin: 0 0 19px;
}
@media only screen and (min-width: 768px) {
  .reviews-section .box-content .review-rating {
    float: left;
    margin: 5px 18px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .reviews-section .box-content .rating-box {
    font-size: 19px;
    line-height: 20px;
    width: 140px;
    height: 20px;
    letter-spacing: 0.5em;
  }
}
.reviews-section .box-content .rating-box .rating {
  height: 20px;
}
.reviews-section .box-content .review-title {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 5px;
  color: #191919;
}
@media only screen and (min-width: 768px) {
  .reviews-section .box-content .review-title {
    margin: 0;
    overflow: hidden;
  }
}
.reviews-section .box-content .meta {
  font-size: 14px;
  line-height: 22px;
  color: #b2b2b2;
}
.reviews-section .btn-holder {
  text-align: center;
  padding: 20px 0 0;
}
.reviews-section .btn-holder .button {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  min-width: 215px;
}
.reviews-section .no-reviews-text {
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 10px;
  text-indent: 0;
  display: block;
}

.please-wait-review {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
}
.please-wait-review .holder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 7px 15px;
  text-align: center;
}
.please-wait-review img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.please-wait-review span {
  display: inline-block;
  vertical-align: middle;
  color: #191919;
  font-size: 18px;
  line-height: 22px;
}

.please-wait-products {
  text-align: center;
  padding: 7px 15px;
}
.please-wait-products img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.please-wait-products span {
  display: inline-block;
  vertical-align: middle;
  color: #191919;
  font-size: 18px;
  line-height: 22px;
}

.catalog-product-view .crosssell-box,
.box-up-sell {
  padding: 53px 0 56px;
}
@media only screen and (min-width: 768px) {
  .catalog-product-view .crosssell-box,
  .box-up-sell {
    padding-top: 80px;
    padding-bottom: 51px;
  }
}
.catalog-product-view .crosssell-box h2,
.box-up-sell h2 {
  position: relative;
  text-align: center;
  padding-top: 40px;
  padding-left: 16px;
  padding-right: 16px;
}
.catalog-product-view .crosssell-box h2:before,
.box-up-sell h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
.catalog-product-view .crosssell-box h2:before,
.box-up-sell h2:before {
  top: 0;
}
@media only screen and (max-width: 767px) {
  .catalog-product-view .crosssell-box h2,
  .box-up-sell h2 {
    padding-top: 33px;
  }
}
.catalog-product-view .crosssell-box .products-grid,
.box-up-sell .products-grid {
  padding: 0 25px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .catalog-product-view .crosssell-box .products-grid,
  .box-up-sell .products-grid {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .catalog-product-view .crosssell-box .products-grid,
  .box-up-sell .products-grid {
    padding: 0 35px;
  }
}
.catalog-product-view .crosssell-box .products-grid .slick-track,
.box-up-sell .products-grid .slick-track {
  width: auto !important;
  min-width: 100%;
}
.catalog-product-view .crosssell-box .products-grid > li,
.catalog-product-view .crosssell-box .products-grid .slick-slide,
.box-up-sell .products-grid > li,
.box-up-sell .products-grid .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  white-space: normal;
}
.catalog-product-view .crosssell-box .products-grid .product-image.rounded,
.box-up-sell .products-grid .product-image.rounded {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  border-radius: 50%;
  overflow: hidden;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .catalog-product-view .crosssell-box .slick-arrow.slick-prev,
  .box-up-sell .slick-arrow.slick-prev {
    left: -15px;
  }
  .catalog-product-view .crosssell-box .slick-arrow.slick-next,
  .box-up-sell .slick-arrow.slick-next {
    right: -15px;
  }
}
@media only screen and (min-width: 1024px) {
  .catalog-product-view .crosssell-box .slick-arrow.slick-prev,
  .box-up-sell .slick-arrow.slick-prev {
    left: 0;
  }
  .catalog-product-view .crosssell-box .slick-arrow.slick-next,
  .box-up-sell .slick-arrow.slick-next {
    right: 0;
  }
}

@media only screen and (min-width: 980px) {
  .details-section,
  .options-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.details-section .heading-col,
.options-section .heading-col {
  margin: 0 0 29px;
}
@media only screen and (min-width: 768px) {
  .details-section .heading-col,
  .options-section .heading-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 140px;
    flex-shrink: 0;
    margin: 0;
    padding: 4px 0 0;
  }
}
.details-section h2,
.options-section h2 {
  color: #474747;
  margin: 0 0 9px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.15em;
}
.grey-dark .details-section h2, .grey-dark
.options-section h2 {
  color: #131313;
}
.details-section .sub-heading,
.options-section .sub-heading {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #474747;
}
@media only screen and (min-width: 768px) {
  .details-section .sub-heading,
  .options-section .sub-heading {
    padding: 0 0 3px;
  }
}
.details-section .col-wrapper,
.options-section .col-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 0 -10px;
  padding: 0 13px;
}
@media only screen and (min-width: 768px) {
  .details-section .col-wrapper,
  .options-section .col-wrapper {
    margin-right: -8px;
    padding: 0 0 0 10%;
  }
}
.details-section .col-wrapper .col,
.options-section .col-wrapper .col {
  padding: 0 8px;
  margin: 0 0 10px;
  text-align: center;
  width: 50%;
}
.details-section .col-wrapper .value,
.options-section .col-wrapper .value {
  color: #8b6f4e;
  font-weight: 100;
  display: block;
  font-size: 56px;
  line-height: 60px;
  margin: 0 0 10px;
}
@media only screen and (min-width: 980px) {
  .details-section .col-wrapper .value,
  .options-section .col-wrapper .value {
    font-size: 73px;
    line-height: 86px;
    margin-bottom: 15px;
  }
}
.details-section .col-wrapper .col-title,
.options-section .col-wrapper .col-title {
  display: block;
  color: #474747;
}

.details-section {
  padding: 53px 16px 50px;
}
@media only screen and (min-width: 768px) {
  .details-section {
    padding: 50px 0 44px;
    margin: 0 -13px;
  }
}
@media only screen and (max-width: 767px) {
  .details-section .column-block {
    text-align: center;
  }
}
@media only screen and (max-width: 979px) {
  .details-section .column-block {
    margin: 0 0 58px;
  }
  .details-section .column-block:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .details-section .column-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0 13px;
  }
}
@media only screen and (min-width: 980px) {
  .details-section .column-block {
    width: 50%;
  }
}
.details-section .image {
  padding: 23px 0 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .details-section .image {
    padding: 0 0 0 10px;
  }
}
@media only screen and (min-width: 980px) {
  .details-section .image {
    padding-right: 28%;
  }
}
.details-section .image img {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .details-section .content-col {
    flex-grow: 1;
  }
}

.options-section {
  padding: 51px 16px 50px;
}
@media only screen and (min-width: 768px) {
  .options-section {
    padding: 56px 0;
  }
}
@media only screen and (max-width: 767px) {
  .options-section.alternative {
    padding: 46px 16px 59px;
  }
}
@media only screen and (min-width: 768px) {
  .options-section.alternative {
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (min-width: 980px) {
  .options-section.alternative .filters-column {
    padding-top: 0;
  }
}
.options-section.alternative .column-block {
  flex-grow: 1;
}
.options-section.alternative .heading-col {
  width: 100%;
  margin: 0 0 29px;
}
@media only screen and (min-width: 768px) {
  .options-section.alternative .heading-col {
    margin-bottom: 20px;
  }
}
.options-section.alternative .heading-col h2 {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .options-section.alternative .heading-col h2 {
    width: 140px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .options-section.alternative .col-wrapper {
    padding: 0;
    max-width: 360px;
  }
}
.options-section .filters-column {
  margin: 0 0 45px;
}
@media only screen and (max-width: 767px) {
  .options-section .filters-column {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .options-section .filters-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 980px) {
  .options-section .filters-column {
    width: 44.3%;
    padding: 37px 16px 0 0;
    margin: 0;
  }
}
.options-section .filters-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: left;
  padding: 20px 33px 0;
}
@media only screen and (min-width: 768px) {
  .options-section .filters-col {
    padding: 4px 10% 0 6%;
    flex-grow: 1;
  }
}
.options-section .filter-box {
  width: 50%;
  padding: 0 8px;
  margin: 0 0 8px;
}
.options-section .filter-title {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #a3a3a3;
  margin: 0 0 11px;
  font-weight: normal;
}
.options-section .filters-list {
  margin: 0;
  list-style: none;
}
.options-section .filters-list li {
  position: relative;
  margin: 0 0 15px;
}
.options-section .filters-list li [type="checkbox"],
.options-section .filters-list li [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.options-section .filters-list li [type="checkbox"]:disabled + label,
.options-section .filters-list li [type="checkbox"]:disabled + .label,
.options-section .filters-list li [type="radio"]:disabled + label,
.options-section .filters-list li [type="radio"]:disabled + .label {
  pointer-events: none;
}
.options-section .filters-list li [type="checkbox"]:disabled + label:before,
.options-section .filters-list li [type="checkbox"]:disabled + .label:before,
.options-section .filters-list li [type="radio"]:disabled + label:before,
.options-section .filters-list li [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.options-section .filters-list li [type="checkbox"] + label,
.options-section .filters-list li [type="checkbox"] + .label,
.options-section .filters-list li [type="radio"] + label,
.options-section .filters-list li [type="radio"] + .label {
  margin-left: 28px;
}
.options-section .filters-list li [type="checkbox"] + label:before,
.options-section .filters-list li [type="checkbox"] + .label:before,
.options-section .filters-list li [type="radio"] + label:before,
.options-section .filters-list li [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.options-section .filters-list li [type="checkbox"]:checked + label:before,
.options-section .filters-list li [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.options-section .filters-list li [type="checkbox"] + label:before,
.options-section .filters-list li [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.options-section .filters-list li [type="radio"]:checked + label:before,
.options-section .filters-list li [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.options-section .filters-list li [type="radio"] + label:before,
.options-section .filters-list li [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 768px) {
  .options-section .filters-list li {
    margin-bottom: 7px;
  }
}
.options-section .filters-list li:last-child {
  margin-bottom: 0;
}
.options-section .description-col {
  background: #f9f9f9;
  padding: 7px 16px 14px;
}
@media only screen and (min-width: 768px) {
  .options-section .description-col {
    flex-grow: 1;
    padding: 33px 5.5% 38px;
  }
}
.options-section .parameters-list {
  margin: 0;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
  color: #474747;
}
.options-section .parameters-list.two-columns {
  -webkit-columns: 2 auto;
  -moz-columns: 2 auto;
  columns: 2 auto;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media only screen and (min-width: 768px) {
  .options-section .parameters-list.two-columns {
    -webkit-column-gap: 95px;
    -moz-column-gap: 95px;
    column-gap: 95px;
  }
}
.options-section .parameters-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0;
  padding: 7px 0;
  page-break-inside: avoid;
  vertical-align: top;
  box-shadow: inset 0 -1px 0 #ececec;
}
.options-section .parameters-list span {
  padding: 0 5px 0 0;
  flex-grow: 1;
}
.options-section .parameters-list strong {
  flex-shrink: 0;
  font-weight: 500;
  color: #785c3d;
  letter-spacing: 0.05em;
}

.compare-section {
  padding: 46px 16px 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .compare-section {
    padding: 28px 0 50px;
  }
}
@media only screen and (min-width: 980px) {
  .compare-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding-top: 50px;
    padding-bottom: 38px;
  }
}
.compare-section .compare-title-column {
  line-height: 22px;
  color: #595959;
  margin: 0 0 32px;
  padding: 0 16px;
}
@media only screen and (min-width: 768px) {
  .compare-section .compare-title-column {
    padding: 22px 0 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 980px) {
  .compare-section .compare-title-column {
    text-align: left;
    width: 30%;
    padding: 22px 16px 0 0;
    margin: 0;
  }
}
.compare-section h2 {
  margin: 0 0 17px;
}
@media only screen and (min-width: 768px) {
  .compare-section .description-text {
    margin: 0 auto;
    max-width: 500px;
  }
}
@media only screen and (min-width: 980px) {
  .compare-section .description-text {
    margin: 0;
    max-width: none;
  }
}
@media only screen and (min-width: 768px) {
  .compare-section .compare-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
  }
}
@media only screen and (min-width: 980px) {
  .compare-section .compare-block {
    width: 63%;
  }
}
.compare-section .current-product {
  margin: 0 0 59px;
}
@media only screen and (min-width: 768px) {
  .compare-section .current-product {
    margin: 0;
    width: 40%;
    padding: 50px 0 0;
  }
}
.compare-section .image {
  text-align: center;
  margin: 0 0 23px;
}
.compare-section .image img {
  display: inline-block;
  vertical-align: top;
}
.compare-section .name {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  margin: 0 auto;
  max-width: 200px;
}
.compare-section .link-holder {
  padding: 31px 0 0;
}
.compare-section .link-holder .btn {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 0;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0 15px;
}
.compare-section .link-holder .btn:hover {
  background: #8b6f4e;
  color: #fff;
}
.compare-section .comparable-products {
  position: relative;
  padding: 0 0 42px;
}
.compare-section .comparable-products:not(.slick-initialized) {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
}
.compare-section .comparable-products:not(.slick-initialized) .item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .compare-section .comparable-products {
    width: 53%;
  }
}
.compare-section .comparable-products .slick-arrow {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff;
}
.compare-section .comparable-products .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  min-height: 195px;
}
.compare-section .slick-dots {
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
}
.compare-section .slick-dots li button {
  background: #b2b2b2;
}
.compare-section .item {
  position: relative;
}

.nutritional-section {
  padding: 30px 16px 53px;
}
@media only screen and (min-width: 980px) {
  .nutritional-section {
    padding-top: 83px;
    padding-bottom: 117px;
  }
}
.nutritional-section h2 {
  text-align: center;
  margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
  .nutritional-section h2 {
    letter-spacing: 0.16em;
    margin-bottom: 143px;
  }
}
.nutritional-section .nutritional-list {
  margin: 0;
  padding: 0 0 0 16px;
  list-style: none;
  font-size: 11px;
  line-height: 15px;
}
@media only screen and (min-width: 768px) {
  .nutritional-section .nutritional-list {
    -webkit-columns: 2 auto;
    -moz-columns: 2 auto;
    columns: 2 auto;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 0;
    margin: 0 auto;
    max-width: 1004px;
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1024px) {
  .nutritional-section .nutritional-list {
    -moz-column-gap: 150px;
    -webkit-column-gap: 150px;
    column-gap: 150px;
  }
}
.nutritional-section .nutritional-list li {
  margin: 0 0 36px;
  padding: 0 0 0 52px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .nutritional-section .nutritional-list li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .nutritional-section .nutritional-list li {
    width: 100%;
    vertical-align: top;
  }
}
@media only screen and (min-width: 980px) {
  .nutritional-section .nutritional-list li {
    margin-bottom: 79px;
  }
}
.nutritional-section .nutritional-list a {
  text-decoration: none;
  color: #191919;
  display: inline-block;
  vertical-align: top;
}
.nutritional-section .nutritional-list a:hover {
  color: #8b6f4e;
}
.nutritional-section .nutritional-list a:before {
  content: url("../images/icon-pdf.png");
  position: absolute;
  top: 0;
  left: 0;
}
.nutritional-section .nutritional-list .nutritional-title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 2px;
}
.nutritional-section .nutritional-list .nutritional-sub-title {
  display: block;
  color: #b2b2b2;
}

.additional-accordion-section {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .accordion-section-heading,
  .additional-accordion-section .accordion-section-content {
    margin: 0 auto;
    max-width: 1168px;
  }
}
.additional-accordion-section .accordion-section-heading {
  padding: 42px 32px 39px;
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .accordion-section-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .additional-accordion-section .accordion-section-heading {
    padding: 47px 16px;
  }
}
.additional-accordion-section .accordion-section-heading:not(.accordion-active) .accordion-opener {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #8b6f4e;
  color: #fff;
  transition: background 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
}
.additional-accordion-section .accordion-section-heading:not(.accordion-active) .accordion-opener:hover {
  background: #7b6245;
  color: #fff;
}
.additional-accordion-section .text-part {
  margin: 0 0 27px;
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .text-part {
    flex-grow: 1;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .additional-accordion-section .text-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.additional-accordion-section h2 {
  text-transform: none;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.055em;
  font-weight: 500;
  color: #131313;
  margin: 0 0 6px;
}
@media only screen and (min-width: 1024px) {
  .additional-accordion-section h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 6% 0 0;
    display: inline-block;
    vertical-align: top;
    flex-shrink: 0;
  }
}
.additional-accordion-section h3 {
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 5px;
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #191919;
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section h3 {
    margin-bottom: 11px;
  }
}
.additional-accordion-section .note {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (min-width: 1024px) {
  .additional-accordion-section .note {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .btn-holder {
    flex-shrink: 0;
    margin: 0 0 0 10px;
  }
}
.additional-accordion-section .btn-holder .button {
  margin: 0;
}
.additional-accordion-section .text-close {
  display: none;
}
.additional-accordion-section .accordion-active .accordion-opener {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
}
.additional-accordion-section .accordion-active .accordion-opener:hover {
  background: #8b6f4e;
  color: #fff;
}
.additional-accordion-section .accordion-active .text-open {
  display: none;
}
.additional-accordion-section .accordion-active .text-close {
  display: inline-block;
}
.additional-accordion-section .accordion-opener {
  min-width: 215px !important;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-size: 12px;
}
.additional-accordion-section .accordion-section-content {
  display: none;
  color: #595959;
}
.additional-accordion-section .accordion-two-columns {
  padding: 0 32px 55px;
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .accordion-two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 1024px) {
  .additional-accordion-section .accordion-two-columns {
    padding: 11px 16px 46px;
  }
}
.additional-accordion-section .accordion-two-columns p {
  margin: 0 0 22px;
}
.additional-accordion-section .accordion-two-columns p:last-child {
  margin-bottom: 0;
}
.additional-accordion-section .main-section {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .main-section {
    flex-grow: 1;
    width: 70%;
    margin: 0;
  }
}
.additional-accordion-section .main-section img {
  margin: 0 auto 20px;
}
@media only screen and (max-width: 767px) {
  .additional-accordion-section .main-section img {
    float: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .main-section img {
    margin: 0 20px 20px 0;
  }
}
@media only screen and (min-width: 768px) {
  .additional-accordion-section .aside-section {
    flex-shrink: 0;
    width: 31.5%;
    margin: 0 0 0 32px;
  }
}

#addtosubscription-not-available {
  padding: 0 0 20px;
}

.tour-schedule {
  padding: 50px 22px 55px;
}
@media only screen and (min-width: 768px) {
  .tour-schedule {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .tour-schedule {
    padding-top: 84px;
    padding-bottom: 80px;
  }
}
.tour-schedule h2 {
  text-align: center;
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
  .tour-schedule h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .tour-schedule h2 {
    margin-bottom: 72px;
  }
}

.tour-duration-holder {
  color: #595959;
}
.tour-duration-holder .tour-duration {
  margin: 0 0 20px;
  background: #f9f9f9;
  padding: 34px 27px 15px;
}
@media only screen and (min-width: 768px) {
  .tour-duration-holder .tour-duration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 24px 13px 16px;
  }
}
.tour-duration-holder .tour-duration-title {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  color: #191919;
  font-weight: 500;
  letter-spacing: 0.14em;
  margin: 0 0 31px;
}
@media only screen and (min-width: 768px) {
  .tour-duration-holder .tour-duration-title {
    width: 24%;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .tour-duration-holder .tour-duration-title .row {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .tour-duration-holder .tour-duration-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    flex-grow: 1;
    margin-bottom: -26px;
  }
}
.tour-duration-holder .tour-duration-item {
  margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
  .tour-duration-holder .tour-duration-item:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .tour-duration-holder .tour-duration-item {
    padding: 0 10px;
    width: 33.333%;
    margin-bottom: 26px;
  }
}
.tour-duration-holder .tour-month-num {
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  margin: 0 0 9px;
}
.tour-duration-holder .product-list > li {
  position: relative;
}
.tour-duration-holder .product-list .product-name {
  display: block;
  font-weight: normal;
}
.tour-duration-holder .product-list-item {
  margin: 0 0 10px;
  color: #291809;
}
.tour-duration-holder .product-tooltip {
  display: none;
}
@media only screen and (min-width: 768px) {
  .tour-duration-holder .product-tooltip {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    margin: 0 0 14px;
    padding: 12px 27px 14px;
    width: 287px;
  }
  .tour-duration-holder .product-tooltip:after, .tour-duration-holder .product-tooltip:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: solid transparent;
  }
  .tour-duration-holder .product-tooltip:before {
    border-width: 12px 15px 0 15px;
    border-top-color: #efefef;
  }
  .tour-duration-holder .product-tooltip:after {
    border-width: 11px 14px 0 14px;
    border-top-color: #fff;
  }
}
.tour-duration-holder .product-tooltip .product-tooltip-title {
  display: block;
  text-transform: uppercase;
  color: #191919;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.09em;
  font-weight: 500;
  margin: 0 0 6px;
  cursor: default;
}
.tour-duration-holder .product-options-block {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.ingredients-info-block {
  padding: 40px 16px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .ingredients-info-block {
    padding: 60px 0;
  }
}
.ingredients-info-block .addtl-info {
  margin: 0 0 16px;
}
.ingredients-info-block .addtl-info:last-child {
  margin-bottom: 0;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 10px;
  text-align: right;
  text-transform: uppercase;
}

.map-cart-sidebar-total {
  color: red;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  padding: 2px 5px;
}

.map-popup {
  background: #FFFFFF;
  border: 5px solid #CCCCCC;
  margin: 12px 0 0;
  position: absolute;
  text-align: left;
  width: 450px;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  .map-popup.map-popup-right {
    left: 10px !important;
  }
  .map-popup.map-popup-left {
    left: auto !important;
    right: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .map-popup {
    width: 100%;
    left: 0px !important;
  }
}
.map-popup .map-popup-heading {
  padding: 8px 10px;
  margin-right: 40px;
  width: auto;
}
.map-popup .map-popup-heading h3 {
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-heading h3 {
    text-align: center;
  }
}
.map-popup .map-popup-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 36px;
  width: 36px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.map-popup .map-popup-content {
  border-top: 1px solid #EDEDED;
  padding: 10px;
  margin: 0 10px;
  overflow: hidden;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-content {
    text-align: center;
  }
}
.map-popup .map-popup-checkout {
  padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout span {
  display: block;
}
.map-popup .map-popup-checkout .button {
  float: left;
  margin: 0 2px;
  clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
  float: left;
  min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
  list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
  width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
  display: inline-block;
  float: left;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
  float: left;
  text-align: center;
  padding: 5px 15px;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
  clear: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-checkout {
    text-align: center;
  }
  .map-popup .map-popup-checkout .button,
  .map-popup .map-popup-checkout .additional-addtocart-box,
  .map-popup .map-popup-checkout .paypal-logo a,
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: none;
  }
  .map-popup .map-popup-checkout .additional-addtocart-box {
    min-width: 0px;
  }
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    margin: 0px;
    margin-bottom: 10px;
  }
}
.map-popup .map-popup-checkout:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-price {
  padding: 10px 0;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-price {
    text-align: center;
    padding-top: 0px;
  }
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
  display: inline-block;
}
.map-popup .map-popup-text {
  padding: 10px 0;
  margin: 0 10px;
  word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
  border-top: 1px solid #EDEDED;
}

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
  display: block;
  text-align: center;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
  content: '';
  display: table;
  clear: both;
}

.compare-table .product-image {
  display: inline-block;
}

.compare-table .product-shop-row.top td {
  padding-bottom: 0;
  border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
  padding-top: 0;
}

/* ============================================ *
 * Checkout - Layout
 * ============================================ */
.display-both-prices .cart-table {
  float: none;
  width: 100%;
}
.display-both-prices .cart-forms {
  float: left;
  padding-right: 10px;
  padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  width: 50%;
}
.display-both-prices .crosssell {
  clear: right;
  float: right;
}

@media only screen and (max-width: 979px) {
  .display-single-price .cart-table {
    float: none;
    width: 100%;
  }
  .display-single-price .cart-forms {
    float: left;
    padding-right: 10px;
    padding-left: 0;
  }
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-left: 10px;
  }
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    width: 50%;
  }
  .display-single-price .crosssell {
    clear: right;
    float: right;
  }
}
@media only screen and (max-width: 599px) {
  .product-cart-sku {
    display: none;
  }

  .display-both-prices .cart-forms,
  .display-both-prices .cart-totals-wrapper,
  .display-both-prices .crosssell,
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
  }
}
.display-single-price:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout - Cart
 * ============================================ */
.checkout-cart-index .page {
  background: #ececec;
}
.checkout-cart-index .main-container {
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .checkout-cart-index .main-container {
    padding-bottom: 60px;
  }
}
.checkout-cart-index .section-content.white {
  background: none;
}
.checkout-cart-index .section-content.with-border {
  border-bottom: none;
}

.empty-cart-holder {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .empty-cart-holder {
    padding: 60px 0;
  }
}
.empty-cart-holder .page-title {
  margin: 0 0 20px;
}
.empty-cart-holder .page-title h1 {
  margin: 0;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.1em;
  text-align: center;
}
.empty-cart-holder .cart-empty {
  text-align: center;
  margin: 0 0 60px;
}
.empty-cart-holder .cart-empty a {
  color: #8b6f4e;
  font-weight: 500;
  text-decoration: underline;
}
.empty-cart-holder .cart-empty a:hover {
  text-decoration: none;
}

.empty-cart-holder .products-grid:not(.slick-initialized),
.checkout-cart-index .products-grid:not(.slick-initialized),
.catalog-product-view .products-grid:not(.slick-initialized) {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  white-space: nowrap;
}
.empty-cart-holder .products-grid:not(.slick-initialized) > li,
.checkout-cart-index .products-grid:not(.slick-initialized) > li,
.catalog-product-view .products-grid:not(.slick-initialized) > li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .empty-cart-holder .products-grid:not(.slick-initialized) > li,
  .checkout-cart-index .products-grid:not(.slick-initialized) > li,
  .catalog-product-view .products-grid:not(.slick-initialized) > li {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .empty-cart-holder .products-grid:not(.slick-initialized) > li,
  .checkout-cart-index .products-grid:not(.slick-initialized) > li,
  .catalog-product-view .products-grid:not(.slick-initialized) > li {
    width: 33.333%;
  }
}
@media only screen and (min-width: 1024px) {
  .empty-cart-holder .products-grid:not(.slick-initialized) > li,
  .checkout-cart-index .products-grid:not(.slick-initialized) > li,
  .catalog-product-view .products-grid:not(.slick-initialized) > li {
    width: 25%;
  }
}

.empty-cart-holder .crosssel-title,
.checkout-cart-index .crosssel-title {
  position: relative;
  text-align: center;
  padding-top: 40px;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #191919;
  margin: 0 0 7px;
}
.empty-cart-holder .crosssel-title:before,
.checkout-cart-index .crosssel-title:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
.empty-cart-holder .crosssel-title:before,
.checkout-cart-index .crosssel-title:before {
  top: 0;
}
@media only screen and (min-width: 768px) {
  .empty-cart-holder .crosssel-title,
  .checkout-cart-index .crosssel-title {
    padding-top: 30px;
    margin-bottom: 28px;
  }
}
.empty-cart-holder .crosssel-title span,
.checkout-cart-index .crosssel-title span {
  display: block;
}
.empty-cart-holder .products-grid li,
.checkout-cart-index .products-grid li {
  position: relative;
  text-align: center;
}
.empty-cart-holder .products-grid li .product-image img,
.checkout-cart-index .products-grid li .product-image img {
  max-height: 315px;
}

.cart-table-wrapper {
  background: #fff;
  padding: 10px 16px;
}

.cart {
  padding: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  .cart {
    padding: 60px 0 0;
  }
}
.cart .page-title h1 {
  margin: 0;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.1em;
  text-align: center;
}
.cart + .crosssell-box {
  margin-top: 40px;
}

#cart-header-content {
  margin: 0 0 10px;
}

.cart-column {
  margin: 0 0 24px;
}
@media only screen and (min-width: 1024px) {
  .cart-column {
    float: left;
    width: calc(100% - 330px);
  }
}
@media only screen and (min-width: 1200px) {
  .cart-column {
    width: calc(100% - 390px);
  }
}

.subscription-title-extra {
  background: #fff;
  padding: 16px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #8b6f4e;
  margin: 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .subscription-title-extra {
    font-size: 18px;
  }
}
.subscription-title-extra span {
  margin: 0 8px 0 0;
}
.subscription-title-extra .learn-more-extra {
  display: inline-block;
  vertical-align: baseline;
  font-size: 12px;
  color: #191919;
  white-space: nowrap;
  position: relative;
  cursor: help;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .subscription-title-extra .learn-more-extra {
    font-size: 14px;
  }
}
.subscription-title-extra .learn-more-extra > span {
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
  padding: 0 12px 0 0;
  margin: 0;
}
.subscription-title-extra .learn-more-extra > span:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: -15px;
  text-align: right;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: inherit;
  width: 15px;
  content: "\e904";
}
.subscription-title-extra .learn-more-extra > span:after {
  vertical-align: top;
}
.subscription-title-extra .checkout-tooltip {
  top: 100% !important;
}
.subscription-title-extra .subscription-title-extra-wrapper {
  white-space: normal;
}

.checkout-tooltip,
.use-as-default-tooltip {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .checkout-tooltip,
  .use-as-default-tooltip {
    position: absolute;
    top: 3px !important;
    width: 350px;
    border: 1px solid #d8d8d8;
    background: #fff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    z-index: 50;
  }
}
.checkout-tooltip .checkout-tooltip-inner,
.checkout-tooltip .use-as-default-tooltip-inner,
.use-as-default-tooltip .checkout-tooltip-inner,
.use-as-default-tooltip .use-as-default-tooltip-inner {
  color: #191919;
  font-size: 12px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .checkout-tooltip .checkout-tooltip-inner,
  .checkout-tooltip .use-as-default-tooltip-inner,
  .use-as-default-tooltip .checkout-tooltip-inner,
  .use-as-default-tooltip .use-as-default-tooltip-inner {
    padding: 10px 16px;
  }
}
.checkout-tooltip ul,
.use-as-default-tooltip ul {
  padding: 5px 0 0 5px;
}
.checkout-tooltip ul li,
.use-as-default-tooltip ul li {
  position: relative;
  padding: 0 0 5px 15px;
}
.checkout-tooltip ul li:before,
.use-as-default-tooltip ul li:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;
}

.cart-header {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0;
  margin: 0 0 10px;
}
.cart-header h2 {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: baseline;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 0.1em;
}
.cart-header .note {
  display: inline-block;
  vertical-align: baseline;
  color: #8b6f4e;
  font-size: 12px;
}

.cart .subscription-toolbar {
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 10px;
  font-size: 12px;
  line-height: 20px;
  color: #474747;
}
@media only screen and (max-width: 767px) {
  .cart .subscription-toolbar {
    margin: 0 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .subscription-name {
    flex-grow: 1;
    padding: 0 8px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart .subscription-toolbar .subscription-name,
  .cart .subscription-toolbar .subscription-interval,
  .cart .subscription-toolbar .subscription-start {
    position: relative;
    padding: 0 60px 0 0;
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar #subscription-name-view {
    display: inline-block;
    vertical-align: baseline;
  }
}
.cart .subscription-toolbar .marked-text {
  font-weight: 500;
  color: #191919;
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .subscription-label,
  .cart .subscription-toolbar #subscription_interval,
  .cart .subscription-toolbar #subscription_select {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 3px 0 0;
  }
}
.cart .subscription-toolbar .cart-subscription-field-name {
  line-height: 24px;
}
.cart .subscription-toolbar .cart-subscription-field-name .input-text {
  height: 40px;
  width: 200px;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: baseline;
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .cart-subscription-field-name .input-text {
    height: 24px;
    width: 130px;
    margin: 0 5px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .subscription-schedule {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .subscription-interval {
    padding: 0 4px 0 0;
  }
}
.cart .subscription-toolbar .subscription-edit,
.cart .subscription-toolbar .dd-selected {
  text-decoration: underline;
  text-transform: lowercase;
}
@media only screen and (max-width: 767px) {
  .cart .subscription-toolbar .subscription-edit,
  .cart .subscription-toolbar .dd-selected {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 50px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .subscription-edit,
  .cart .subscription-toolbar .dd-selected {
    display: inline-block;
    vertical-align: baseline;
  }
  .cart .subscription-toolbar .subscription-edit:hover,
  .cart .subscription-toolbar .dd-selected:hover {
    text-decoration: none;
    cursor: pointer;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .subscription-schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .cart .subscription-toolbar .subscription-start {
    padding: 0 0 0 4px;
  }
}
.cart .subscription-toolbar #rd_msg {
  width: 100%;
  flex-shrink: 0;
}
.cart .hasDatepicker {
  border: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .cart #subscription_select {
    position: relative;
  }
}
.cart #subscription_select select {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.cart #subscription_select .dd-options {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 200px;
  z-index: 9;
  border: 1px solid #d8d8d8;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}
.cart #subscription_select .dd-option {
  display: block;
  padding: 5px 10px 5px 30px;
  text-decoration: none;
  white-space: nowrap;
}
.cart #subscription_select .dd-option.dd-option-selected {
  position: relative;
  color: #fff;
  background: #8b6f4e;
}
.cart #subscription_select .dd-option.dd-option-selected:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  position: absolute;
  top: 9px;
  left: 10px;
  font-size: 9px;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .cart #subscription_select .dd-option {
    transition: background 0.3s linear, color 0.3s linear;
  }
  .cart #subscription_select .dd-option:hover:not(.dd-option-selected) {
    background: #e8dec8;
    cursor: pointer;
    color: #191919;
  }
  .cart #subscription_select .dd-option:hover:not(.dd-option-selected) label {
    cursor: pointer;
  }
}
.cart #subscription_select .dd-option label {
  color: inherit;
}

@media only screen and (max-width: 599px) {
  .btn-checkout {
    width: 100%;
  }
}
.cart-table.cart-table-standard tr:last-child {
  border-bottom: none;
}
.cart-table.cart-table-standard img {
  max-width: 100%;
  height: auto;
}
.cart-table th,
.cart-table td,
.cart-table tbody td {
  border-bottom: none;
  vertical-align: top;
}
.cart-table thead th {
  text-transform: none;
}
.cart-table thead th,
.cart-table tbody td {
  background-color: transparent;
  padding: 8px 5px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table thead th:first-child,
.cart-table tbody td:first-child {
  padding-left: 0;
}
.cart-table thead th:last-child,
.cart-table tbody td:last-child {
  padding-right: 0;
}
.cart-table tr {
  border-bottom: 1px solid #d8d8d8;
}
.cart-table tfoot tr {
  background: none;
}
.cart-table tfoot tr > td:after {
  content: '';
  display: table;
  clear: both;
}
.cart-table span.or {
  font-size: 9px;
  padding: 0 5px;
  text-transform: uppercase;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table .product-cart-image {
  width: 90px;
  margin: 0 10px 0 0;
  float: left;
}
.cart-table .product-cart-image .product-image img {
  max-width: 100%;
  height: auto;
}
.cart-table .product-cart-block {
  float: left;
  width: calc(100% - 100px);
}
.cart-table h3 {
  text-transform: none;
  font-weight: 500;
  color: #191919;
  margin: 0 0 5px;
  font-size: 14px;
}
.cart-table h3 a {
  color: inherit;
  text-decoration: none;
}
.cart-table h3 a:hover {
  color: #8b6f4e;
}
.cart-table .subscribe-link a {
  text-decoration: underline;
  color: #8b6f4e;
  font-size: 13px;
  margin: 0 20px 0 0;
}
.cart-table .subscribe-link a:hover {
  text-decoration: none;
}
.cart-table .shoprunner-cart-item {
  padding: 10px 0 0;
}
.cart-table .product-roast-date {
  font-size: 12px;
}
.cart-table .roast-days em {
  font-style: italic;
  font-size: 12px;
  color: #8b6f4e;
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .cart-table .product-roast-date,
  .cart-table .roast-days {
    padding: 0 25px 0 0;
  }
}
.cart-table .product-cart-price {
  text-align: center;
}
.cart-table .product-cart-remove {
  padding-left: 15px;
}
.cart-table .cart-tax-total {
  position: relative;
  cursor: pointer;
}
.cart-table .cart-tax-total:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #191919;
  border-left: none;
  position: absolute;
  top: 3px;
  right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #191919;
  border-bottom: none;
  right: -15px;
  top: 6px;
}
.cart-table .grind-col select {
  border: none;
  height: 20px;
  padding: 0 30px 0 0;
  width: auto;
  max-width: 120px;
}
.cart-table .item-options {
  font-size: 12px;
}
.cart-table .qty-wrapper {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 25px;
}
.cart-table .qty-wrapper .qty {
  display: block;
  width: 28px;
  text-align: center;
  border: none;
  padding: 0;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #595959;
}
.cart-table .qty-wrapper .update-qty-button {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  border: none;
  background: #f3f3f3;
  color: #595959;
  transition: background 0.2s linear;
  font-size: 0;
  line-height: 0;
}
.cart-table .qty-wrapper .update-qty-button:hover {
  cursor: pointer;
  background: #b2b2b2;
}
.cart-table .qty-wrapper .update-qty-button:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  font-size: 7px;
  line-height: 20px;
}
.cart-table .qty-wrapper .update-qty-button.minus {
  left: 0;
}
.cart-table .qty-wrapper .update-qty-button.minus:before {
  content: "\e912";
  font-size: 2px;
}
.cart-table .qty-wrapper .update-qty-button.plus {
  right: 0;
}
.cart-table .qty-wrapper .update-qty-button.plus:before {
  content: "\e913";
}

.help-icon .title,
.help-icon .tooltip-title,
.form-list .title,
.form-list .tooltip-title,
.form-with-tooltips .title,
.form-with-tooltips .tooltip-title {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #b2b2b2;
  text-align: center;
  line-height: 14px;
  color: #fff;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 3px 0 0;
  cursor: help;
  text-decoration: none;
}
.help-icon .title:before,
.help-icon .tooltip-title:before,
.form-list .title:before,
.form-list .tooltip-title:before,
.form-with-tooltips .title:before,
.form-with-tooltips .tooltip-title:before {
  font-size: 10px;
  content: '?';
  display: inline-block;
  vertical-align: top;
}

.cart-table .help-icon {
  display: inline-block;
}

.help-icon {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .help-icon {
    display: inline-block;
    vertical-align: top;
  }
}

.cart-actions {
  padding: 20px 0 0;
  margin: 0 -8px;
  text-align: center;
}
.cart-actions:after {
  content: '';
  display: table;
  clear: both;
}
.cart-actions a,
.cart-actions button {
  margin: 0 8px 15px;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .cart-actions a,
  .cart-actions button {
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .cart-actions a.checkout-button,
  .cart-actions button.checkout-button {
    float: right;
  }
}
.cart-actions .paypal-logo {
  float: right;
}
.cart-actions .paypal-logo .paypal-or {
  line-height: 24px;
  margin: -10px 0 5px;
}

#shopping-cart-actions-additional {
  float: right;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .cart-table colgroup, .cart-table thead {
    display: none;
  }
  .cart-table tr {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
  }
  .cart-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .cart-table tr:last-child {
    margin-bottom: 0 !important;
  }
  .cart-table tfoot tr {
    padding-bottom: 0;
  }
  .cart-table tbody td {
    overflow: hidden;
    padding: 0;
    text-align: left;
  }
  .cart-table tbody td:not(:first-child) {
    float: right;
    width: calc(100% - 90px);
    margin: 10px 0 0;
  }
  .cart-table tbody td:last-child {
    margin-top: 0;
  }
  .cart-table td {
    border: none;
    display: block;
  }
  .cart-table td[data-rwd-label] {
    overflow: hidden;
  }
  .cart-table td[data-rwd-label] .price {
    font-weight: normal;
  }
  .cart-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 14px;
    line-height: 20px;
    font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
    padding: 1px 5px 0 0;
    float: left;
    width: 78px;
  }
  .cart-table td.product-cart-total[data-rwd-label] {
    font-weight: 500;
  }
  .cart-table td.product-cart-total .price {
    font-weight: 500;
  }
  .cart-table td.product-cart-info {
    margin: 0 0 5px;
    display: inline;
  }
  .cart-table td.product-cart-price {
    text-align: left;
  }
  .cart-table h3 {
    font-size: 14px;
    padding-right: 25px;
  }
  .cart-table .cart-tax-info {
    font-style: italic;
    padding-left: 16px;
    font-size: 13px;
  }
  .cart-table .cart-tax-info .price {
    font-size: 13px;
  }
  .cart-table .btn-remove {
    position: absolute;
    top: 0;
    right: 0;
  }
  .cart-table .shoprunner-cart-item {
    padding: 5px 0;
  }
  .cart-table .product-cart-image {
    width: 80px;
  }
  .cart-table .product-cart-image a.cart-edit {
    display: block;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
  }
  .cart-table .product-cart-block {
    width: calc(100% - 90px);
  }
  .cart-table td[data-rwd-label] {
    float: right;
    width: 75%;
  }
  .cart-table .product-cart-actions,
  .cart-table .product-cart-price {
    padding-bottom: 0;
    padding-top: 0;
    float: right;
  }
  .cart-table .product-cart-actions .button {
    display: none;
  }
  .cart-table .product-cart-actions {
    text-align: left;
  }
  .cart-table .price,
  .cart-table .product-cart-price:before {
    font-weight: 500;
    font-size: 15px;
    font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  }
  .cart-table .cart-footer-actions {
    text-align: center;
    width: 100%;
  }
  .cart-table .cart-footer-actions #empty_cart_button {
    float: right;
  }
  .cart-table .cart-footer-actions .btn-continue {
    float: left;
  }
  .cart-table .cart-footer-actions .btn-update,
  .cart-table .cart-footer-actions span.or {
    display: none;
  }

  .display-both-prices .cart-table td[data-rwd-tax-label]:before {
    content: attr(data-rwd-tax-label) ":";
  }
}
@media only screen and (min-width: 1024px) {
  .aside {
    float: right;
    width: 300px;
  }
}
@media only screen and (min-width: 1200px) {
  .aside {
    width: 360px;
  }
}
.aside h2 {
  color: #131313;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.symantec_seal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  background: none !important;
  position: relative;
  margin: -1px 0 0;
  overflow: hidden;
}
.symantec_seal:before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 0;
  left: 65.5%;
  width: 1px;
  background: #979797;
}
.symantec_seal .symantec_seal_script {
  float: none;
  width: 33%;
  order: 2;
  height: 61px;
  font-size: 0;
  line-height: 0;
}
.symantec_seal .symantec_seal_script span a {
  opacity: 0;
}
.symantec_seal .symantec_seal_script img {
  width: 100%;
  height: auto;
  max-width: 84px;
}
.symantec_seal .symantec_seal_text {
  float: none;
  order: 1;
  padding: 0 0 0 23px !important;
  width: 62%;
  font-weight: 400;
  color: #1f1309;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.symantec_seal .symantec_seal_text span {
  position: relative;
  padding: 0 0 0 43px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.symantec_seal .symantec_seal_text span:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -3px 0 0;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 1;
  content: "\e911";
}

.cart-summary {
  overflow: hidden;
  background: #fff;
  padding: 29px 31px;
  margin: 0 0 24px;
}
.cart-summary .cart-summary-title {
  margin: 0 0 24px;
}
.cart-summary #shopping-cart-totals-table {
  width: 100%;
  margin: 0 0 17px;
}
@media only screen and (min-width: 980px) {
  .cart-summary #shopping-cart-totals-table {
    margin-bottom: 15px;
  }
}
.cart-summary #shopping-cart-totals-table tbody td:first-child,
.cart-summary #shopping-cart-totals-table tbody th:first-child {
  padding-right: 5px;
  text-align: left !important;
  font-weight: 400;
}
.cart-summary #shopping-cart-totals-table td,
.cart-summary #shopping-cart-totals-table th {
  font-size: 14px;
  line-height: 20px;
  color: #1f1309;
  font-weight: normal;
  padding: 2px 0;
}
@media only screen and (min-width: 980px) {
  .cart-summary #shopping-cart-totals-table td,
  .cart-summary #shopping-cart-totals-table th {
    font-size: 16px;
  }
}
.cart-summary #shopping-cart-totals-table .total-separator {
  display: none;
}
.cart-summary #shopping-cart-totals-table tfoot td {
  font-weight: 500;
}
.cart-summary #shopping-cart-totals-table tfoot strong {
  font-weight: 500;
}
.cart-summary #shopping-cart-totals-table tfoot .total-label {
  float: left;
}
.cart-summary #shopping-cart-totals-table tfoot .total-price {
  float: right;
}
.cart-summary .cart-summary-actions {
  text-align: center;
}
.cart-summary .cart-summary-actions .button {
  min-width: 240px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.cart-summary .cart-summary-actions .paypal-logo a {
  display: inline-block;
  vertical-align: top;
}
.cart-summary .promo-messages {
  text-align: center;
  color: #8b6f4e;
  font-size: 14px;
  line-height: 20px;
  padding: 15px 5% 0;
  margin: 0 0 15px;
  border-top: 1px solid #d8d8d8;
}

.open-close-container.slide-active .slide-opener:after {
  transform: rotate(-180deg);
}
.open-close-container .slide-opener {
  position: relative;
}
.open-close-container .slide-opener:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
  font-size: 6px;
  line-height: 22px;
  transform: rotate(0deg);
  transition: transform 0.2s linear;
  position: absolute;
}

.cart-summary-discount,
.cart-summary-shipping {
  background: #fff;
  margin: 0 0 24px;
  padding: 0 0 8px;
}
.cart-summary-discount .slide-block,
.cart-summary-discount #coupon-messages,
.cart-summary-discount #flat_rate_modal,
.cart-summary-shipping .slide-block,
.cart-summary-shipping #coupon-messages,
.cart-summary-shipping #flat_rate_modal {
  padding-left: 23px;
  padding-right: 23px;
}
@media only screen and (min-width: 768px) {
  .cart-summary-discount .slide-block,
  .cart-summary-discount #coupon-messages,
  .cart-summary-discount #flat_rate_modal,
  .cart-summary-shipping .slide-block,
  .cart-summary-shipping #coupon-messages,
  .cart-summary-shipping #flat_rate_modal {
    padding-left: 33px;
    padding-right: 33px;
  }
}
.cart-summary-discount .slide-block label,
.cart-summary-discount #coupon-messages label,
.cart-summary-discount #flat_rate_modal label,
.cart-summary-shipping .slide-block label,
.cart-summary-shipping #coupon-messages label,
.cart-summary-shipping #flat_rate_modal label {
  display: none;
}
.cart-summary-discount h2,
.cart-summary-shipping h2 {
  margin: 0;
  line-height: 22px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  padding: 18px 50px 10px 23px;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 768px) {
  .cart-summary-discount h2,
  .cart-summary-shipping h2 {
    padding: 26px 55px 18px 31px;
  }
  .cart-summary-discount h2:hover,
  .cart-summary-shipping h2:hover {
    color: #8b6f4e;
  }
}
.cart-summary-discount h2:after,
.cart-summary-shipping h2:after {
  position: absolute;
  top: 17px;
  right: 25px;
}
@media only screen and (min-width: 768px) {
  .cart-summary-discount h2:after,
  .cart-summary-shipping h2:after {
    top: 25px;
    right: 40px;
  }
}
.cart-summary-discount #coupon-messages p,
.cart-summary-shipping #coupon-messages p {
  margin: 0 0 12px;
}
.cart-summary-discount #coupon-error,
.cart-summary-shipping #coupon-error {
  color: #CF5050;
}

#flat_rate_modal {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 15px;
}

.help-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  position: relative;
  padding: 15px 16px 14px 37px;
  font-size: 12px;
  line-height: 22px;
  margin: 0 0 24px;
  color: #474747;
}
@media only screen and (min-width: 768px) {
  .help-block {
    padding: 17px 16px 14px 32px;
  }
}
.help-block:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 25px;
  line-height: 1;
  content: url("../images/chat-icon-small.svg");
  flex-shrink: 0;
  margin: 0 14px 0 0;
}
@media only screen and (min-width: 980px) {
  .help-block:before {
    content: url("../images/chat-icon.svg");
    margin-right: 23px;
  }
}
.help-block > div {
  flex-grow: 1;
  padding: 0 0 3px;
}
.help-block strong {
  font-weight: normal;
}
.help-block a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: none;
  color: inherit;
}
.help-block a:after {
  content: '';
  position: absolute;
  top: 100%;
  background: #d8d8d8;
  height: 1px;
  left: 0;
  right: 0;
}
.help-block a:hover {
  text-decoration: none;
  color: #8b6f4e;
}
.help-block a:hover:after {
  display: none;
}

.cart-summary-gift {
  background: #fff;
  padding: 0 0 8px;
  margin: 0 0 24px;
}

.add-gift-message .label-holder {
  position: relative;
}
.add-gift-message .label-holder [type="checkbox"],
.add-gift-message .label-holder [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.add-gift-message .label-holder [type="checkbox"]:disabled + label,
.add-gift-message .label-holder [type="checkbox"]:disabled + .label,
.add-gift-message .label-holder [type="radio"]:disabled + label,
.add-gift-message .label-holder [type="radio"]:disabled + .label {
  pointer-events: none;
}
.add-gift-message .label-holder [type="checkbox"]:disabled + label:before,
.add-gift-message .label-holder [type="checkbox"]:disabled + .label:before,
.add-gift-message .label-holder [type="radio"]:disabled + label:before,
.add-gift-message .label-holder [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.add-gift-message .label-holder [type="checkbox"] + label,
.add-gift-message .label-holder [type="checkbox"] + .label,
.add-gift-message .label-holder [type="radio"] + label,
.add-gift-message .label-holder [type="radio"] + .label {
  margin-left: 28px;
}
.add-gift-message .label-holder [type="checkbox"] + label:before,
.add-gift-message .label-holder [type="checkbox"] + .label:before,
.add-gift-message .label-holder [type="radio"] + label:before,
.add-gift-message .label-holder [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.add-gift-message .label-holder [type="checkbox"]:checked + label:before,
.add-gift-message .label-holder [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.add-gift-message .label-holder [type="checkbox"] + label:before,
.add-gift-message .label-holder [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.add-gift-message .label-holder [type="radio"]:checked + label:before,
.add-gift-message .label-holder [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.add-gift-message .label-holder [type="radio"] + label:before,
.add-gift-message .label-holder [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.add-gift-message .label-holder input[type='checkbox'] + label {
  margin: 0;
  padding-left: 65px;
}
.add-gift-message .label-holder input[type='checkbox'] + label:before {
  border-color: #898989;
  background: #eee;
  left: 33px;
  top: 27px;
}
.add-gift-message .label-holder label {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #131313;
  padding: 29px 33px 21px 33px;
}

/* ============================================ *
 * Checkout - Estimate Shipping and Tax
 * ============================================ */
.shipping select {
  height: 32px;
  font-size: 12px;
  margin: 0 0 10px;
}
.shipping select.validation-failed {
  border-color: #df280a;
}
.shipping .shipping-desc {
  display: none;
}
.shipping .buttons-set {
  border: none;
  margin: 0;
  padding: 0;
}
.shipping .form-list:after {
  content: '';
  display: table;
  clear: both;
}
.shipping .form-list li {
  float: left;
  margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
  width: 37%;
}
.shipping .form-list .shipping-region {
  width: 41%;
}
.shipping .form-list .shipping-postcode {
  margin-right: 0;
  width: 18%;
}
.shipping .form-list .input-box {
  padding-top: 0;
}
.shipping .form-list input {
  height: 30px;
}
.shipping .form-list label {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
}
.shipping .sp-methods {
  padding: 10px 0 0;
  text-align: left;
}
.shipping .sp-methods dd {
  margin-bottom: 10px;
}
.shipping .sp-methods label {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  min-width: 100px;
}
.shipping .sp-methods label span {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
  float: left;
  margin-left: 0;
}
.shipping #co-shipping-method-form .sp-methods dd label {
  border: 1px solid #CCCCCC;
  background-color: #ededed;
  min-width: 220px;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
  background-color: gainsboro;
}

@media only screen and (max-width: 767px) {
  .shipping .shipping-form .form-list > li {
    width: 100%;
    float: none;
  }
  .shipping .shipping-form .form-list > li label {
    display: block;
  }
  .shipping .shipping-form .form-list > li input,
  .shipping .shipping-form .form-list > li select {
    width: 100%;
  }
}
.cart .cart-totals {
  text-align: right;
}
.cart .cart-totals:after {
  content: '';
  display: table;
  clear: both;
}
.cart .cart-totals table {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
  text-transform: uppercase;
  width: 100%;
}
.cart .cart-totals table td {
  padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
  padding-right: 10px;
  min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
  padding-bottom: 10px;
}
.cart .cart-totals table tfoot {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.cart .cart-totals table tfoot td {
  font-size: 24px;
  padding: 2px 5px;
  vertical-align: top;
}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart .cart-totals table tfoot strong {
  font-weight: 400;
}

@media only screen and (max-width: 600px) {
  .cart-totals {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .cart .cart-totals table tfoot td {
    font-size: 18px;
  }
}
.discount-form:after,
#giftcard-form:after {
  content: '';
  display: table;
  clear: both;
}

#discount-coupon-form,
#co-coupon-form,
.cart .giftcard,
.promo-block-account {
  width: 100%;
}
#discount-coupon-form .validation-advice,
#co-coupon-form .validation-advice,
.cart .giftcard .validation-advice,
.promo-block-account .validation-advice {
  display: inline;
}
#discount-coupon-form .field-wrapper,
#co-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper,
.promo-block-account .field-wrapper {
  position: relative;
  padding: 0 80px 0 0;
  margin: 0 0 10px;
}
#discount-coupon-form .button-wrapper,
#co-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper,
.promo-block-account .button-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
}
#discount-coupon-form .button-wrapper > button,
#co-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button,
.promo-block-account .button-wrapper > button {
  float: left;
  width: 100%;
  background: #fff;
  min-width: 0;
  border-radius: 0;
  background: #b2b2b2;
  color: #fff;
  border-color: #b2b2b2;
}
#discount-coupon-form .button-wrapper > button:hover,
#co-coupon-form .button-wrapper > button:hover,
.cart .giftcard .button-wrapper > button:hover,
.promo-block-account .button-wrapper > button:hover {
  background: #8b6f4e;
  border-color: #8b6f4e;
}
#discount-coupon-form .button-wrapper > button.cancel-coupon,
#co-coupon-form .button-wrapper > button.cancel-coupon,
.cart .giftcard .button-wrapper > button.cancel-coupon,
.promo-block-account .button-wrapper > button.cancel-coupon {
  margin: 0 0 0 -100%;
}
#discount-coupon-form .input-text,
#co-coupon-form .input-text,
.cart .giftcard .input-text,
.promo-block-account .input-text {
  border-radius: 0;
  height: 32px;
  margin: 0;
  width: 100%;
}

.cart .giftcard p {
  margin-bottom: 7px;
}

.cart .giftcard .check-gc-status {
  float: left;
  padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
  font-size: 14px;
  text-transform: none;
}

/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 {
  color: #3399CC;
}
.crosssell .item a.product-image {
  width: auto;
  float: left;
}

/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media only screen and (max-width: 979px) {
  .crosssell {
    /* Undo three-column config */
  }
  .crosssell .products-grid > li:nth-child(even),
  .crosssell .products-grid > li:nth-child(3n),
  .crosssell .products-grid > li {
    width: 47.72727%;
    margin-right: 4.54545%;
  }
  .crosssell .products-grid > li:nth-child(odd) {
    clear: left;
  }
  .crosssell .products-grid > li:nth-child(even) {
    margin-right: 0;
  }
  .crosssell .products-grid > li:nth-child(3n+1) {
    clear: none;
  }
}
@media only screen and (max-width: 599px) {
  .cart-table .cart-tax-total:after {
    right: -9px;
  }
  .cart-table .cart-tax-total.cart-tax-total-expanded:after {
    right: -13px;
  }
}
@media only screen and (max-width: 320px) {
  .crosssell ul .item {
    padding: 0 0px 40px;
  }
  .crosssell ul .product-details .crosssell-actions {
    padding: 0 5px;
  }
}
/* ============================================ *
 * Checkout - One Page
 * ============================================ */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
  display: none;
}

.checkout-onepage-index .col-main {
  width: auto;
  float: none;
  margin: 0;
}

.checkout-onepage-index:not(.customer-account) .page {
  background: #ececec;
}
.checkout-onepage-index:not(.customer-account) .page-title.checkout-heading-section {
  background: #8b6f4e;
  color: #fff;
  margin: 0 0 22px;
}
@media only screen and (min-width: 980px) {
  .checkout-onepage-index:not(.customer-account) .page-title.checkout-heading-section {
    margin-bottom: 34px;
  }
}
.checkout-onepage-index:not(.customer-account) .page-title.checkout-heading-section h1 {
  font-size: 24px;
  line-height: 28px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  margin: 2px 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .checkout-onepage-index:not(.customer-account) .page-title.checkout-heading-section h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
.checkout-onepage-index:not(.customer-account) .page-title-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 26px 16px;
}
@media only screen and (min-width: 768px) {
  .checkout-onepage-index:not(.customer-account) .page-title-holder {
    max-width: 1136px;
    margin: 0 auto;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .checkout-onepage-index:not(.customer-account) .btn-holder {
    order: 3;
  }
}
.checkout-onepage-index:not(.customer-account) .edit-cart-link {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  border: 1px solid #fff;
  color: #fff;
  background: #8b6f4e;
  height: 28px;
  border-radius: 16px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  line-height: 26px;
  letter-spacing: 0.1em;
  transition: border 0.3s linear, background 0.3s linear, color 0.3s linear;
  min-width: 100px;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  .checkout-onepage-index:not(.customer-account) .edit-cart-link {
    height: 32px;
    line-height: 30px;
    font-size: 11px;
    border-radius: 18px;
    min-width: 115px;
  }
}
.checkout-onepage-index:not(.customer-account) .edit-cart-link:hover {
  background: #fff;
  color: #8b6f4e;
}
.checkout-onepage-index:not(.customer-account) .progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.06em;
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .checkout-onepage-index:not(.customer-account) .progress-bar {
    min-width: 100%;
    padding: 28px 0 4px;
    margin: 0 -5px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-onepage-index:not(.customer-account) .progress-bar.four-items {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .checkout-onepage-index:not(.customer-account) .progress-bar.four-items li {
    width: 50%;
    padding-bottom: 10px;
  }
}
.checkout-onepage-index:not(.customer-account) .progress-bar li {
  position: relative;
  padding: 0 5px;
}
.checkout-onepage-index:not(.customer-account) .progress-bar li.allow .step-title {
  cursor: pointer;
}
.checkout-onepage-index:not(.customer-account) .progress-bar li.allow .number {
  background: #fff;
  font-size: 0;
  line-height: 0;
}
.checkout-onepage-index:not(.customer-account) .progress-bar li.allow .number:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  line-height: 22px;
  font-size: 10px;
  content: "\e915";
  color: #8b6f4e;
}
.checkout-onepage-index:not(.customer-account) .progress-bar .step-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  cursor: default;
}
.checkout-onepage-index:not(.customer-account) .progress-bar .number {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  font-weight: 500;
  margin: 0 7px 0 0;
}
.checkout-onepage-index:not(.customer-account) .progress-bar .step-label {
  flex-grow: 1;
}

.checkout-container {
  padding: 0 16px 24px;
}
@media only screen and (min-width: 768px) {
  .checkout-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 auto;
    max-width: 1168px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .checkout-container {
    padding-bottom: 80px;
  }
}
.checkout-container .step-title-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  flex-grow: 1;
  margin: 0 0 17px;
}
.checkout-container .step-title-section .checkout-step-callateral {
  margin: 0 0 0 5px;
}
.checkout-container .step-title-section h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #474747;
  text-transform: none;
  margin: 0;
}
.checkout-container .step-title-section h2:not(.active) {
  display: none;
}
.checkout-container .content-column {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .checkout-container .content-column {
    width: calc(100% - 315px);
  }
}
@media only screen and (min-width: 1200px) {
  .checkout-container .content-column {
    width: calc(100% - 390px);
  }
}
.checkout-container .content-column #button-section-container {
  padding: 10px 24px 23px;
}
.checkout-container .content-column .checkout-actions-bottom {
  margin: 0;
}
.checkout-container .content-column .checkout-actions-bottom + .symantec_seal {
  margin-top: 10px;
}
.checkout-container .content-column .symantec_seal .symantec_seal_text {
  padding: 0 !important;
}
.checkout-container .step-title {
  display: none;
}
.checkout-container #co-shipping-method-form .chechout-actions {
  margin-top: 34px;
}
@media only screen and (min-width: 1024px) {
  .checkout-container #co-shipping-method-form .chechout-actions {
    margin-top: 25px;
  }
}
.checkout-container .chechout-actions {
  padding: 33px 24px 25px;
  border-top: 1px solid #ececec;
}
@media only screen and (max-width: 767px) {
  .checkout-container .chechout-actions {
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .checkout-container .chechout-actions {
    display: block !important;
  }
}
@media only screen and (min-width: 1024px) {
  .checkout-container .chechout-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 40px 30px;
  }
}
.checkout-container .chechout-actions.inner-actions {
  margin: 0 -24px -20px;
}
.checkout-container .chechout-actions .summary-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #131313;
  margin: 0 0 24px;
}
@media only screen and (min-width: 1024px) {
  .checkout-container .chechout-actions .summary-holder {
    margin: 0;
  }
}
.checkout-container .chechout-actions .summary-holder .label {
  letter-spacing: 0.08em;
}
.checkout-container .chechout-actions .summary-holder .amount {
  font-size: 20px;
  color: #191919;
  flex-shrink: 0;
  margin: 0 0 0 10px;
  font-weight: normal;
}
@media only screen and (min-width: 1024px) {
  .checkout-container .chechout-actions .summary-holder .amount {
    margin-left: 20px;
    font-size: 24px;
    font-weight: 300;
  }
}
.checkout-container .chechout-actions .button {
  min-width: 0;
  width: 100%;
  max-width: 298px;
}
@media only screen and (max-width: 1199px) {
  .checkout-container .chechout-actions .button {
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .checkout-container .chechout-actions .button {
    max-width: 335px;
  }
}
@media only screen and (min-width: 768px) {
  .checkout-container .aside {
    width: 300px;
    padding: 0 0 0 15px;
    flex-shrink: 0;
    order: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .checkout-container .aside {
    width: 375px;
  }
}
.checkout-container .checkout-actions-bottom {
  text-align: center;
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .checkout-container .checkout-actions-bottom {
    margin: 32px 0 18px;
  }
}
.checkout-container .checkout-actions-bottom .button {
  width: 100%;
  max-width: 360px;
}
.checkout-container .cart-summary {
  padding: 18px 22px 0;
}
@media only screen and (min-width: 768px) {
  .checkout-container .cart-summary {
    padding: 29px 31px 10px;
  }
}
.checkout-container .cart-summary .checkout-section {
  border: none;
  padding: 0;
}
.checkout-container .cart-summary .checkout-section-title {
  display: none !important;
}
.checkout-container .cart-summary .checkout-section-content {
  border-bottom: 1px solid #ececec;
  padding: 0 0 28px;
  margin: 0 0 27px;
  font-size: 11px;
  line-height: 18px;
  color: #474747;
}
@media only screen and (max-width: 767px) {
  .checkout-container .cart-summary .checkout-section-content {
    font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
    padding: 3px 0 35px;
    margin-bottom: 33px;
  }
}
.checkout-container .summary-heading-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 767px) {
  .checkout-container .summary-heading-block {
    padding-bottom: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .checkout-container .summary-heading-block {
    margin: 0 0 25px;
  }
}
.checkout-container .cart-summary-title {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .checkout-container .cart-summary-title {
    line-height: 22px;
    position: relative;
    letter-spacing: 0.08em;
    padding: 0 20px 0 0;
  }
  .checkout-container .cart-summary-title:after {
    right: 0;
    top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .checkout-container .cart-summary-title:after {
    display: none;
  }
}
.checkout-container .summary-totals {
  flex-shrink: 0;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .checkout-container .summary-totals {
    display: none;
  }
}
.checkout-container .step #co-ddate-form {
  padding: 2px 0;
}
.checkout-container .step .shipping-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px;
}
.checkout-container .step .ddate-selected-date {
  color: #785c3d;
  font-weight: 500;
}
.checkout-container .step .ddate-roast-msg-container {
  color: #785c3d;
  font-size: 11px;
  line-height: 18px;
  font-style: italic;
}
.checkout-container .step .shipping-date-legend {
  display: none;
}
.checkout-container .edit-shipping-date {
  text-decoration: underline;
  color: #898989;
  margin: 0 0 0 5px;
  font-weight: normal;
}
.checkout-container .edit-shipping-date:hover {
  text-decoration: underline;
  color: #8b6f4e;
}
.checkout-container .summary-content-block {
  display: none;
}
@media only screen and (min-width: 768px) {
  .checkout-container .summary-content-block {
    display: block !important;
  }
}
.checkout-container .summary-content-block .shipping-date {
  font-size: 14px;
  color: #191919;
  margin: 0 0 13px;
}
.checkout-container .summary-content-block .ddate-selected-date {
  font-weight: normal;
  color: #785c3d;
}
.checkout-container .summary-content-block .ddate-roast-msg-container {
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px;
}
.checkout-container #coupon-messages {
  margin: 0 !important;
}

.checkout-section {
  border-top: 1px solid #d8d8d8;
  padding: 35px 24px 20px;
}
@media only screen and (min-width: 980px) {
  .checkout-section {
    padding: 28px 31px 27px;
  }
}
#payment-container .checkout-section, #shipping-addresses-container .checkout-section {
  border: none;
}
#co-shipping-form .checkout-section:first-of-type {
  border: none;
  padding-top: 20px;
}
@media only screen and (min-width: 980px) {
  #co-shipping-form .checkout-section:first-of-type {
    padding-top: 28px;
  }
}

.checkout-section-title {
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 13px;
  margin: 0 0 33px;
  line-height: 18px;
  min-height: 56px;
}
@media only screen and (min-width: 768px) {
  .checkout-section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 980px) {
  .checkout-section-title {
    min-height: 46px;
    margin-bottom: 26px;
  }
}
.checkout-section-title h3 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.08em;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: 500;
  color: #131313;
  margin: 0;
}
.checkout-section-title .required {
  color: #898989;
  font-style: italic;
  font-size: 10px;
  margin: 6px 0 0;
}
@media only screen and (min-width: 768px) {
  .checkout-section-title .required {
    flex-shrink: 0;
  }
}

.checkout-section-content .form-list {
  max-width: 426px;
}
@media only screen and (min-width: 768px) {
  .checkout-section-content .form-list > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .checkout-section-content .form-list .customer-name-middlename,
  .checkout-section-content .form-list .customer-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .checkout-section-content .form-list .customer-name-middlename .field,
  .checkout-section-content .form-list .customer-name .field {
    margin-bottom: 0;
  }
}
.checkout-section-content .form-list .wide {
  margin-bottom: 15px;
}
.checkout-section-content .form-list .control {
  margin: 23px 0 6px;
}
@media only screen and (min-width: 980px) {
  .checkout-section-content .form-list .control {
    margin: 27px 0 5px;
  }
}
.checkout-section-content .form-list .control + .control {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .checkout-section-content .form-list .control label {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-section-content .form-list .customer-name-middlename .field,
  .checkout-section-content .form-list .customer-name .field,
  .checkout-section-content .form-list .fields .field {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .checkout-section-content .form-list .customer-name-middlename .field,
  .checkout-section-content .form-list .customer-name .field,
  .checkout-section-content .form-list .fields .field {
    width: calc(50% - 4px);
    margin-bottom: 0;
  }
}
.checkout-section-content .form-list > li:not(.control) label {
  margin-bottom: 1px;
}
.checkout-section-content .form-list label.required:before {
  display: none;
}
.checkout-section-content .shipping-buttons-set,
.checkout-section-content .billing-buttons-set,
.checkout-section-content .cc-form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 25px 0 0;
  margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
  .checkout-section-content .shipping-buttons-set,
  .checkout-section-content .billing-buttons-set,
  .checkout-section-content .cc-form-actions {
    max-width: 436px;
  }
}
.checkout-section-content .shipping-buttons-set .button,
.checkout-section-content .billing-buttons-set .button,
.checkout-section-content .cc-form-actions .button {
  margin: 0 5px 10px;
  width: calc(50% - 10px);
  min-width: 0;
}
.checkout-section-content .shipping-address-form,
.checkout-section-content .billing-address-form {
  padding: 0 0 40px;
}
.checkout-section-content .editing .visual-list-block {
  display: none;
}
.checkout-section-content .visual-list-block {
  padding: 0;
}
@media only screen and (max-width: 979px) {
  .checkout-section-content .visual-list-block > li {
    width: 100%;
  }
}
.checkout-section-content .visual-list-block > li input[type="radio"] + label {
  padding-right: 50px;
}

.fieldset-box {
  margin: 40px 0 0;
}
.fieldset-box:first-of-type {
  margin-top: 0;
}
.fieldset-box .fields-title {
  margin: 0 0 10px;
}
.fieldset-box h3 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.08em;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  text-transform: none;
  font-weight: 400;
  color: #131313;
  margin: 0;
}

.shipping-method-container {
  padding: 0 24px 20px;
}

.step-subtitle {
  margin: 0 0 11px;
}
.step-subtitle h3 {
  text-transform: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin: 0;
  color: #474747;
}

.shipping-methods-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 -23px 24px;
}
@media only screen and (min-width: 768px) {
  .shipping-methods-list {
    margin: 0 -11px 15px;
  }
}
.shipping-methods-list > li {
  width: calc(50% - 16px);
  margin: 8px;
  position: relative;
}
@media only screen and (min-width: 980px) {
  .shipping-methods-list > li {
    width: calc(25% - 22px);
    margin: 11px;
  }
}
.shipping-methods-list input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.shipping-methods-list input[type="radio"]:checked ~ label {
  border-color: #8b6f4e;
  background: #8b6f4e;
  color: #fff;
}
.shipping-methods-list input[type="radio"]:checked ~ label .price {
  color: #e2d7bb;
}
.shipping-methods-list input[type="radio"]:checked ~ label #srd_so .srd_iconline .srd_msg {
  color: #fff !important;
}
.shipping-methods-list input[type="radio"]:checked ~ label #srd_so .srd_iconline .srd_msg strong:first-child {
  color: #fff !important;
}
.shipping-methods-list input[type="radio"]:checked ~ label #srd_so .srd_iconline .srd_msg .srd_price {
  color: #e2d7bb !important;
}
.shipping-methods-list label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
  border: 1px solid #ececec;
  border-radius: 8px;
  background: #f9f9f9;
  padding: 10px 10px 13px;
  text-align: center;
  font-size: 10px;
  line-height: 19px;
  color: #474747;
  min-height: 145px;
  transition: color 0.3s, border 0.3s, background 0.3s;
}
.shipping-methods-list label .top-box {
  order: 1;
}
.shipping-methods-list label .bottom-box {
  order: 2;
}
.shipping-methods-list .shipping-method-shoprunner_error > div {
  height: 100%;
}
.shipping-methods-list .shipping-method-shoprunner_error ._SRD {
  height: 100%;
  border: 1px solid #ececec;
  border-radius: 8px;
  background: #f9f9f9;
  padding: 12px 10px 13px;
}
.shipping-methods-list .price {
  display: block;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #785c3d;
  text-transform: uppercase;
  transition: color 0.3s;
}
.shipping-methods-list .shipping-method-name {
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin: 11px 0 0;
}
.shipping-methods-list .shipping-method-text {
  display: block;
}
.shipping-methods-list .shipping-method-days {
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.shipping-methods-list #srd_so .srd_iconline .srd_msg {
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif !important;
  font-size: 10px;
  line-height: 16px;
  color: #474747 !important;
}
.shipping-methods-list #srd_so .srd_iconline .srd_msg strong:first-child {
  color: #191919 !important;
  font-weight: 500;
}
.shipping-methods-list #srd_so .srd_iconline .srd_msg .srd_price {
  display: block;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #785c3d !important;
  text-transform: uppercase;
  transition: color 0.3s;
  padding: 11px 0;
}
.shipping-methods-list #srd_so .srd_a {
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none !important;
  color: #474747 !important;
}
.shipping-methods-list #srd_so .srd_a:hover {
  color: #8b6f4e !important;
  text-decoration: underline !important;
}
.shipping-methods-list label #srd_so .srd_a {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin: 4px 0 0;
}

.shipping-instructions-block {
  margin: 0 0 29px;
}

.shipping-instructions,
.gift-message-toggle {
  position: relative;
  position: relative;
}
.shipping-instructions [type="checkbox"],
.shipping-instructions [type="radio"],
.gift-message-toggle [type="checkbox"],
.gift-message-toggle [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.shipping-instructions [type="checkbox"]:disabled + label,
.shipping-instructions [type="checkbox"]:disabled + .label,
.shipping-instructions [type="radio"]:disabled + label,
.shipping-instructions [type="radio"]:disabled + .label,
.gift-message-toggle [type="checkbox"]:disabled + label,
.gift-message-toggle [type="checkbox"]:disabled + .label,
.gift-message-toggle [type="radio"]:disabled + label,
.gift-message-toggle [type="radio"]:disabled + .label {
  pointer-events: none;
}
.shipping-instructions [type="checkbox"]:disabled + label:before,
.shipping-instructions [type="checkbox"]:disabled + .label:before,
.shipping-instructions [type="radio"]:disabled + label:before,
.shipping-instructions [type="radio"]:disabled + .label:before,
.gift-message-toggle [type="checkbox"]:disabled + label:before,
.gift-message-toggle [type="checkbox"]:disabled + .label:before,
.gift-message-toggle [type="radio"]:disabled + label:before,
.gift-message-toggle [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.shipping-instructions [type="checkbox"] + label,
.shipping-instructions [type="checkbox"] + .label,
.shipping-instructions [type="radio"] + label,
.shipping-instructions [type="radio"] + .label,
.gift-message-toggle [type="checkbox"] + label,
.gift-message-toggle [type="checkbox"] + .label,
.gift-message-toggle [type="radio"] + label,
.gift-message-toggle [type="radio"] + .label {
  margin-left: 28px;
}
.shipping-instructions [type="checkbox"] + label:before,
.shipping-instructions [type="checkbox"] + .label:before,
.shipping-instructions [type="radio"] + label:before,
.shipping-instructions [type="radio"] + .label:before,
.gift-message-toggle [type="checkbox"] + label:before,
.gift-message-toggle [type="checkbox"] + .label:before,
.gift-message-toggle [type="radio"] + label:before,
.gift-message-toggle [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.shipping-instructions [type="checkbox"]:checked + label:before,
.shipping-instructions [type="checkbox"]:checked + .label:before,
.gift-message-toggle [type="checkbox"]:checked + label:before,
.gift-message-toggle [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.shipping-instructions [type="checkbox"] + label:before,
.shipping-instructions [type="checkbox"] + .label:before,
.gift-message-toggle [type="checkbox"] + label:before,
.gift-message-toggle [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.shipping-instructions [type="radio"]:checked + label:before,
.shipping-instructions [type="radio"]:checked + .label:before,
.gift-message-toggle [type="radio"]:checked + label:before,
.gift-message-toggle [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.shipping-instructions [type="radio"] + label:before,
.shipping-instructions [type="radio"] + .label:before,
.gift-message-toggle [type="radio"] + label:before,
.gift-message-toggle [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.shipping-instructions-text,
.gift-message-instructions {
  padding: 10px 0 0;
}

.max-length-counter {
  padding: 7px 0 0;
  font-size: 11px;
  line-height: 15px;
  color: #898989;
}
.max-length-counter .instructions-charsleft {
  color: #785c3d;
}
.max-length-counter .total-limit {
  color: #393939;
}

.payment-methods-list.sp-methods dt {
  position: relative;
  position: relative;
  margin: 0 0 5px;
  display: none;
}
.payment-methods-list.sp-methods dt [type="checkbox"],
.payment-methods-list.sp-methods dt [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.payment-methods-list.sp-methods dt [type="checkbox"]:disabled + label,
.payment-methods-list.sp-methods dt [type="checkbox"]:disabled + .label,
.payment-methods-list.sp-methods dt [type="radio"]:disabled + label,
.payment-methods-list.sp-methods dt [type="radio"]:disabled + .label {
  pointer-events: none;
}
.payment-methods-list.sp-methods dt [type="checkbox"]:disabled + label:before,
.payment-methods-list.sp-methods dt [type="checkbox"]:disabled + .label:before,
.payment-methods-list.sp-methods dt [type="radio"]:disabled + label:before,
.payment-methods-list.sp-methods dt [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.payment-methods-list.sp-methods dt [type="checkbox"] + label,
.payment-methods-list.sp-methods dt [type="checkbox"] + .label,
.payment-methods-list.sp-methods dt [type="radio"] + label,
.payment-methods-list.sp-methods dt [type="radio"] + .label {
  margin-left: 28px;
}
.payment-methods-list.sp-methods dt [type="checkbox"] + label:before,
.payment-methods-list.sp-methods dt [type="checkbox"] + .label:before,
.payment-methods-list.sp-methods dt [type="radio"] + label:before,
.payment-methods-list.sp-methods dt [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.payment-methods-list.sp-methods dt [type="checkbox"]:checked + label:before,
.payment-methods-list.sp-methods dt [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.payment-methods-list.sp-methods dt [type="checkbox"] + label:before,
.payment-methods-list.sp-methods dt [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.payment-methods-list.sp-methods dt [type="radio"]:checked + label:before,
.payment-methods-list.sp-methods dt [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.payment-methods-list.sp-methods dt [type="radio"] + label:before,
.payment-methods-list.sp-methods dt [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.payment-methods-list.sp-methods .form-list {
  padding: 0;
  max-width: 100%;
}

.payment-section {
  transition: background 0.3s, border 0.3s;
  background: #fff;
  padding: 16px;
  border: 1px solid transparent;
  margin: 0 0 10px;
  position: relative;
  border-radius: 12px;
}
.payment-section:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background: #d8d8d8;
}
.payment-section.payment-section-checked {
  background: #eee;
  border-color: #b2b2b2;
}
.payment-section.payment-section-checked:after {
  display: none;
}
.payment-section .billing-agreement-actions {
  padding: 10px 0 0;
}

.payment-section-title {
  position: relative;
  position: relative;
  margin: 0 0 10px;
}
.payment-section-title [type="checkbox"],
.payment-section-title [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.payment-section-title [type="checkbox"]:disabled + label,
.payment-section-title [type="checkbox"]:disabled + .label,
.payment-section-title [type="radio"]:disabled + label,
.payment-section-title [type="radio"]:disabled + .label {
  pointer-events: none;
}
.payment-section-title [type="checkbox"]:disabled + label:before,
.payment-section-title [type="checkbox"]:disabled + .label:before,
.payment-section-title [type="radio"]:disabled + label:before,
.payment-section-title [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.payment-section-title [type="checkbox"] + label,
.payment-section-title [type="checkbox"] + .label,
.payment-section-title [type="radio"] + label,
.payment-section-title [type="radio"] + .label {
  margin-left: 28px;
}
.payment-section-title [type="checkbox"] + label:before,
.payment-section-title [type="checkbox"] + .label:before,
.payment-section-title [type="radio"] + label:before,
.payment-section-title [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.payment-section-title [type="checkbox"]:checked + label:before,
.payment-section-title [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.payment-section-title [type="checkbox"] + label:before,
.payment-section-title [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.payment-section-title [type="radio"]:checked + label:before,
.payment-section-title [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.payment-section-title [type="radio"] + label:before,
.payment-section-title [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.payment-section-title label {
  font-size: 16px;
  display: block;
  font-weight: 500;
}
.payment-section-title label a {
  font-size: 12px;
  text-decoration: underline;
  color: #8b6f4e;
}
.payment-section-title label a:hover {
  text-decoration: none;
}
.payment-section-title .input-helper:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  background: url("../images/peets-carts.png") no-repeat;
}

#pc-title .input-helper:after {
  width: 30px;
  height: 19px;
}

#cc-title .input-helper:after {
  background-position: 0 -19px;
  width: 128px;
  height: 19px;
}
@media only screen and (max-width: 767px) {
  #cc-title .input-helper:after {
    display: block;
    margin: 5px 0 0;
  }
}

.paypal-icon {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  width: 33px;
  height: 21px;
  margin: 0 12px 0 4px;
  background: url("../images/peets-carts.png") no-repeat 0 -38px;
}

.pc-note-section,
.paypal-express-redirect {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 10px;
}
.pc-note-section strong,
.paypal-express-redirect strong {
  font-weight: 500;
}
.pc-note-section a,
.paypal-express-redirect a {
  text-decoration: underline;
}
.pc-note-section a:hover,
.paypal-express-redirect a:hover {
  text-decoration: none;
}

.payment-section-content.form-centered {
  max-width: 450px;
}
.payment-section-content .form-list {
  margin-bottom: 15px;
}
.payment-section-content .tooltip-container {
  position: absolute;
  top: 7px;
}
.payment-section-content .field-peets-card-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding-right: 24px;
}
.payment-section-content .field-peets-card-amount label {
  margin: 0 10px 0 0;
}
.payment-section-content .field-peets-card-amount .input-box {
  flex-grow: 1;
}
.payment-section-content .field-peets-card-balance {
  flex-grow: 1;
  margin: 0 0 10px;
  width: 100%;
}
.payment-section-content .field-peets-card-balance strong {
  font-weight: 500;
  color: #8b6f4e;
}
.payment-section-content .charge-amount {
  font-size: 16px;
}
.payment-section-content .charge-amount .cc-full-info-amount-container {
  display: block;
}
.payment-section-content .charge-amount strong {
  font-weight: 500;
}

.field-peets-card-amount .amount {
  font-weight: 500;
}

.order-review .checkout-section:first-child {
  border: none;
}
@media only screen and (max-width: 767px) {
  .order-review .checkout-section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.order-review .checkout-section-title h3 {
  color: #785c3d;
}
.order-review .checkout-section-title a {
  font-size: 12px;
  color: #474747;
  text-decoration: underline;
}
.order-review .checkout-section-title a:hover {
  text-decoration: none;
  color: #8b6f4e;
}
@media only screen and (max-width: 767px) {
  .order-review .checkout-section-content {
    padding: 0 0 15px;
  }
}
.order-review .checkout-section-content h4 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  text-transform: none;
  color: #191919;
  margin: 20px 0 0;
}
.order-review .checkout-section-content h4:first-child {
  margin-top: 0;
}
.order-review .checkout-section-content address {
  display: block;
  font-style: normal;
}
.order-review .checkout-section-content address.name-highlighted:first-line {
  font-weight: 500;
  color: #191919;
}

/* -------------------------------------------- *
 * Section Styling - Default
 */
.page-header-short {
  background: #fff;
}
.page-header-short .header-content {
  text-align: center;
  padding: 17px 16px;
  margin: 0 auto;
  max-width: 1168px;
}
.page-header-short .logo {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.opc .buttons-set {
  text-align: left;
}
.opc .buttons-set button.button {
  float: left;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.opc .buttons-set p.required {
  float: right;
  margin-left: 5px;
  margin-bottom: 0;
}
.opc .buttons-set .back-link {
  float: right;
  margin: 0;
}
.opc .buttons-set a {
  line-height: 20px;
  display: inline-block;
  padding: 5px 5px 5px 0;
}

@media only screen and (max-width: 479px) {
  .opc .buttons-set .button + .buttons-set .button,
  .paypal-express-review .buttons-set .button + .buttons-set .button {
    margin-left: 0;
  }
}
.opc #opc-login .step {
  padding: 0px;
}
.opc #opc-login .buttons-set {
  border-top: 0;
  padding-top: 5px;
}

@media only screen and (max-width: 767px) {
  .opc #opc-login .description,
  .opc #opc-login p.required {
    display: none;
  }
}
#opc-payment .note {
  padding: 10px;
}

/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
  -moz-transition: opacity 300ms 0;
  -o-transition: opacity 300ms 0;
  -webkit-transition: opacity 300ms 0;
  transition: opacity 300ms 0;
}

.opc.opc-firststep-login .section#opc-login .step-title .number {
  -moz-transition: width 80ms 0;
  -o-transition: width 80ms 0;
  -webkit-transition: width 80ms 0;
  transition: width 80ms 0;
}

.opc.opc-firststep-login .section#opc-login .step-title h2 {
  -moz-transition: margin-left 80ms 0;
  -o-transition: margin-left 80ms 0;
  -webkit-transition: margin-left 80ms 0;
  transition: margin-left 80ms 0;
}

/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
  opacity: 0;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
  width: 0px;
  overflow: hidden;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
  margin-left: 0px;
}

/* -------------------------------------------- *
 * Shipping and Payment methods
 */
.sp-methods {
  margin: 0 0 8px;
}
.sp-methods dt {
  margin: 13px 0 5px;
  font-weight: bold;
}
.sp-methods dt:first-child {
  margin: 0 0 5px;
}
.sp-methods dd li {
  margin: 5px 0;
}
.sp-methods .price {
  font-weight: 500;
}
.sp-methods .form-list {
  padding-left: 20px;
}
.sp-methods .form-list li {
  margin: 0 0 8px;
}
.sp-methods select.month {
  width: 120px;
  margin-right: 10px;
}
.sp-methods select.year {
  width: 96px;
}
.sp-methods input.cvv {
  width: 4em !important;
}
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
  max-width: 130px;
}
.sp-methods .checkmo-list li {
  margin: 0 0 5px;
  content: '';
  display: table;
  clear: both;
}
.sp-methods .checkmo-list label {
  width: 165px;
  padding-right: 15px;
  text-align: right;
  float: left;
}
.sp-methods .checkmo-list address {
  float: left;
}
@media only screen and (max-width: 479px) {
  .sp-methods .checkmo-list {
    padding-left: 0;
  }
  .sp-methods .checkmo-list label {
    width: 135px;
  }
}
.sp-methods .release-amounts {
  margin: 0.5em 0;
}
.sp-methods .release-amounts button {
  float: left;
  margin: 5px 10px 0 0;
}

/* One Page Checkout */
.block-progress {
  border: 0;
  margin: 0;
  border-left: 1px solid #CCCCCC;
  padding-left: 20px;
}
.block-progress .block-content {
  font-size: 13px;
}
.block-progress dt {
  padding-top: 6px;
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-weight: normal;
  color: #333;
}
.block-progress dt.complete {
  color: #191919;
}
.block-progress dd {
  padding-left: 15px;
  margin-bottom: 10px;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
}
.block-progress dd address {
  font-style: italic;
}
.block-progress #payment-progress-opcheckout .subtitle {
  margin-bottom: 3px;
}
.block-progress .payment-info dt {
  padding: 0;
  margin: 0 0 3px 0;
  color: #191919;
  font-family: Georgia, Times, "Times New Roman", serif;
  text-transform: none;
  font-style: italic;
  float: left;
  clear: both;
  font-size: 13px;
}
.block-progress .payment-info dt:after {
  content: ': ';
}
.block-progress .payment-info dd {
  float: left;
  margin-bottom: 3px;
  font-size: 13px;
}
.block-progress .payment-info:after {
  content: '';
  display: table;
  clear: both;
}

/* review step */
#checkout-review-table .btn-remove img {
  display: none;
}

#checkout-review-table-wrapper {
  clear: both;
}

#review-buttons-container {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
#review-buttons-container .btn-checkout {
  min-width: 220px;
}
#review-buttons-container .please-wait {
  float: left;
  margin-right: 10px;
}
#review-buttons-container .f-left {
  float: right;
}

@media only screen and (max-width: 599px) {
  .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .linearize-table.checkout-review-table thead tr:nth-child(1n+2) {
    display: none;
  }
}
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
  display: inline;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
  display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
  border-left: none;
  padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
  display: none;
}
#checkout-step-review .opc-block-progress .block-content {
  display: block !important;
  padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  #checkout-step-review .opc-block-progress .block-content > dl > div {
    float: none;
    width: auto;
  }
}
#checkout-step-review .opc-block-progress .block-content .changelink {
  display: none;
}

@media only screen and (max-width: 479px) {
  #checkout-review-table thead > tr > th {
    display: none;
  }
  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }

  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }
}
#checkout-step-review .centinel > p {
  margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
  width: 100%;
  min-height: 400px;
}

/* Gift options */
.gift-messages-form .item {
  content: '';
  display: table;
  clear: both;
  margin-top: 16px;
}
.gift-messages-form .item h5 {
  font-weight: bold;
}
.gift-messages-form .item .product-img-box {
  width: auto;
  float: left;
  padding-right: 15px;
}
.gift-messages-form .item .details {
  float: left;
}

.gift-message-form .inner-box > div.extra-options-container p {
  margin-bottom: 16px;
}
.gift-message-form .inner-box .gift-options-for-order {
  padding: 0 33px 12px;
  font-size: 12px;
}
.gift-message-form .inner-box p {
  margin: 0;
}
.gift-message-form .inner-box .note {
  margin: 0 0 10px;
  color: #8b6f4e;
  font-style: italic;
}
.gift-message-form .inner-box .fieldset {
  margin: 0 0 5px;
}
.gift-message-form .inner-box .fieldset label {
  margin-bottom: 5px;
}
.gift-message-form .inner-box textarea {
  min-height: 72px;
  height: 72px;
}
.gift-message-form .gift-wrapping-form label {
  margin-right: 10px;
}
.gift-message-form .gift-wrapping-form img {
  float: left;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
  height: 75px;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
  margin-right: 5px;
}
.gift-message-form .gift-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ececec;
}
.gift-message-form .gift-item:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-item .product-img-box {
  width: 200px;
}
.gift-message-form .gift-item .product-img-box .product-image {
  width: 75px;
  margin-left: auto;
  margin-right: auto;
}
.gift-message-form .gift-item .product-img-box .product-name {
  display: block;
}
.gift-message-form .gift-item .fieldset {
  margin-left: 200px;
}

@media only screen and (max-width: 767px) {
  .cart-subgroup .cart-table tr {
    margin-bottom: 23px;
    padding-bottom: 22px;
    border-color: #d8d8d8;
  }
}
@media only screen and (min-width: 768px) {
  .cart-subgroup .cart-table td {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.cart-subgroup .cart-table .product-image-cell {
  width: 100px;
}
@media only screen and (min-width: 768px) {
  .cart-subgroup .cart-table .product-image-cell {
    width: 122px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-subgroup .cart-table .product-image-cell {
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .cart-subgroup .cart-table .product-info-cell {
    float: right;
    width: calc(100% - 115px);
  }
}
.cart-subgroup .cart-table .product-name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #191919;
  margin: 0;
}
.cart-subgroup .cart-table .options-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  font-size: 14px;
  line-height: 20px;
  color: #474747;
}
.cart-subgroup .cart-table .options-row .label {
  margin: 0 4px 0 0;
}
.cart-subgroup .cart-table .price-row {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #474747;
}
@media only screen and (min-width: 768px) {
  .cart-subgroup .cart-table .price-row {
    padding: 20px 0 0;
  }
}
.cart-subgroup .cart-table .shoprunner-checkout-review-item {
  padding: 10px 0 0;
}

.gift-message-review,
.shipping-instruction-review {
  padding: 30px 0 0;
}
.gift-message-review .gift-message-review-content,
.gift-message-review .shipping-instruction-review-content,
.shipping-instruction-review .gift-message-review-content,
.shipping-instruction-review .shipping-instruction-review-content {
  max-width: 426px;
  border-radius: 12px;
  padding: 15px;
  background: #eee;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.opc-buttons-container {
  text-align: center;
}
.opc-buttons-container .please-wait {
  padding: 0 16px 20px;
  margin: 0;
  overflow: hidden;
  height: auto;
}

.cc-actions {
  padding: 15px 0 0;
}

.payment-section-content .cc-item {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 30px;
}
.payment-section-content .cc-item .field-cc-security-code {
  position: relative;
}
.payment-section-content .cc-item .with-tooltip {
  position: relative;
  padding: 0 24px 0 0;
}
.payment-section-content .cc-item .tooltip-title {
  position: absolute;
  top: 10px;
  right: 0;
}
.payment-section-content .cc-item .heading-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.payment-section-content .cc-item .heading-line strong {
  font-weight: 500;
}
.payment-section-content .cc-item .heading-line a {
  text-decoration: underline;
  color: #191919;
  font-size: 12px;
}
.payment-section-content .cc-item .heading-line a:hover {
  text-decoration: none;
  color: #8b6f4e;
}
.payment-section-content .cc-item .cc-main-info {
  margin: 0 0 10px;
}
.payment-section-content .cc-form-edit .fields .field {
  margin-bottom: 15px;
  position: relative;
}
.payment-section-content input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.payment-section-content input[type=radio]:disabled + .checker {
  pointer-events: none;
  background: #fff;
  border-color: #ececec;
}
.payment-section-content input[type=radio]:checked + .checker {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
}
.payment-section-content input[type=radio] + .checker {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #b2b2b2;
}

.checkout-onepage-success .print-link {
  text-decoration: underline;
}
.checkout-onepage-success .print-link:hover {
  text-decoration: none;
}

/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
  padding: 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set {
  margin: 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set button {
  float: none;
}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #191919;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #CCCCCC;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #F4F4F4;
}

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #EDEDED;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #3399CC;
}
#narrow-by-list dd .swatch-label {
  background: #F4F4F4;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #CCCCCC;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #3399CC;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.availability.out-of-stock span {
  color: #333;
}

.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: block;
  line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  color: #191919;
  padding-left: 5px;
}
.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}
.product-view .product-options .select-label {
  display: none;
}
.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

/* ============================================ *
 * Customer
 * ============================================ */
.customer-account-login .page,
.customer-account-create .page,
.customer-account-forgotpassword .page {
  background: #ececec;
}
.customer-account-login .col-main,
.customer-account-create .col-main,
.customer-account-forgotpassword .col-main {
  margin: 0;
}

.customer-account-logoutsuccess .footer-container,
.questions-page .footer-container,
.checkout-onepage-success .footer-container,
.stores-list-page .footer-container,
.multimedia-landing .footer-container,
.press-releases .footer-container,
.peets-loyalty-customer-enrollment .footer-container,
.peets-loyalty-customer-register .footer-container,
.peets-loyalty-customer-login .footer-container,
.peets-loyalty-customer-success .footer-container {
  border-top: 1px solid #d8d8d8;
}

.default-message-page {
  padding: 17px 0 16px;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .default-message-page {
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 56px;
    max-width: 770px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .default-message-page + .default-message-page {
    padding-top: 0;
  }
}

.default-message-page .order-success-form .btn-holder {
  padding: 20px 0 0;
}
.default-message-page .col-main {
  margin: 0;
}
.default-message-page .page-title {
  text-align: center;
  margin-bottom: 33px;
}
.default-message-page .page-title h1 {
  position: relative;
  text-align: center;
  padding-bottom: 39px;
  padding-bottom: 34px;
  margin: 0;
}
.default-message-page .page-title h1:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .default-message-page .page-title h1 {
    padding-bottom: 48px;
  }
}
.default-message-page .page-title h1:before {
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .default-message-page .page-title h1 {
    line-height: 42px;
  }
}
@media only screen and (min-width: 768px) {
  .default-message-page .page-title h1 {
    padding-bottom: 45px;
  }
}
.default-message-page .default-page-text {
  font-size: 16px;
  line-height: 28px;
  color: #595959;
  text-align: center;
}
.default-message-page .default-page-text a {
  color: #8b6f4e;
  font-weight: 500;
  text-decoration: underline;
}
.default-message-page .default-page-text a:hover {
  text-decoration: none;
}
.default-message-page .btn-holder {
  padding: 47px 0 0;
  text-align: center;
}
.default-message-page .btn-holder .button {
  min-width: 260px;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.account-create .page-title,
.login .page-title,
.password-forgot .page-title {
  margin-bottom: 20px;
}
.account-create .page-title h1,
.login .page-title h1,
.password-forgot .page-title h1 {
  padding: 0;
}
.account-create .page-title h1:after, .account-create .page-title h1:before,
.login .page-title h1:after,
.login .page-title h1:before,
.password-forgot .page-title h1:after,
.password-forgot .page-title h1:before {
  display: none;
}
.account-create .button,
.login .button,
.password-forgot .button {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: 0 auto;
}

.account-inner-holder {
  margin: 0 auto;
  max-width: 500px;
}

.sub-heading-text {
  margin: 0 0 10px;
}

.account-form-title {
  text-transform: none;
  font-weight: 500;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  padding: 0 0 10px;
  text-align: center;
  margin: 0 0 20px;
  border-bottom: 1px solid #d8d8d8;
  color: #898989;
}

@media only screen and (min-width: 768px) {
  .login-form-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .login-form-inner .registered-users,
  .login-form-inner .new-users {
    position: relative;
    width: 50%;
    padding: 0 16px;
  }
}
.login-form-inner .registered-users h2,
.login-form-inner .registered-users h3,
.login-form-inner .new-users h2,
.login-form-inner .new-users h3 {
  text-transform: none;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 10px;
  font-weight: 500;
  color: #191919;
}
.login-form-inner .registered-users .learn-link,
.login-form-inner .new-users .learn-link {
  font-weight: 500;
  color: #8b6f4e;
  text-decoration: underline;
}
.login-form-inner .registered-users .learn-link:hover,
.login-form-inner .new-users .learn-link:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .login-form-inner .new-users {
    border-top: 1px solid #d8d8d8;
    padding: 20px 0 0;
    margin: 20px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .login-form-inner .new-users {
    border-left: 1px solid #d8d8d8;
  }
}

.login-form,
.account-create-form {
  background: #fff;
  padding: 25px 16px;
}
@media only screen and (min-width: 768px) {
  .login-form,
  .account-create-form {
    padding: 30px 31px;
  }
}
.login-form .sign-up-holder,
.account-create-form .sign-up-holder {
  margin: 0 0 20px;
}
.login-form .sign-up-holder h2,
.account-create-form .sign-up-holder h2 {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  text-transform: none;
}
.login-form .sign-up-holder a,
.account-create-form .sign-up-holder a {
  color: #8b6f4e;
  font-weight: 500;
  text-decoration: underline;
}
.login-form .sign-up-holder a:hover,
.account-create-form .sign-up-holder a:hover {
  text-decoration: none;
}

.loyalty-register .name-middlename {
  display: none;
}

.messagefooter {
  font-size: 12px;
  line-height: 20px;
  color: #898989;
  padding: 30px 0 0;
}
.messagefooter a {
  text-decoration: underline;
  color: inherit;
}
.messagefooter a:hover {
  text-decoration: none;
  color: #191919;
}

.field-note {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #595959;
  padding: 5px 0 0;
}

.opc #opc-login p:not(.required) {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 13px;
  color: #333;
}
@media only screen and (min-width: 768px) {
  .opc #opc-login .login-form-inner {
    margin: 0 -16px;
  }
}
@media only screen and (max-width: 979px) {
  .opc #opc-login .login-form-inner {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 979px) {
  .opc #opc-login .login-form-inner .registered-users,
  .opc #opc-login .login-form-inner .new-users {
    width: 100%;
  }
}
@media only screen and (max-width: 979px) {
  .opc #opc-login .login-form-inner .new-users {
    border-left: none;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #d8d8d8;
  }
}
@media only screen and (min-width: 768px) {
  .opc #opc-login .login-form-inner .form-list .fields .field {
    width: calc(100% - 8px);
  }
}
.opc #opc-login .login-form-inner .buttons-set {
  padding-top: 16px;
}
.opc #opc-login .login-form-inner .buttons-set .button {
  float: none;
  margin: 0 auto;
}
.opc #opc-login .login-form-title {
  margin: 0 0 10px;
  font-size: 16px;
}
.opc #opc-login .login-form-title strong {
  font-weight: 500;
}

.remember-me-box a.hide {
  display: none;
}
.remember-me-box .link-tip {
  font-size: 13px;
  padding-left: 10px;
}

.remember-me-popup {
  display: none;
  border: 1px solid #CCCCCC;
  padding: 10px;
  position: relative;
}
.remember-me-popup.show {
  display: block;
}
.remember-me-popup p {
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.remember-me-popup .remember-me-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
  display: none;
}

.customer-account-create .fieldset .hidden {
  display: none;
}
.customer-account-create #remember-me-popup {
  max-width: 455px;
}

/* ============================================ *
 * My Account Global Styles
 * ============================================ */
body.customer-account .page {
  background: #ececec;
}
body.customer-account .main-container {
  padding: 0;
  margin: 0;
  max-width: none;
}
body.customer-account .col-left-first {
  background: url("../images/bg-type-3.png") repeat 50% 0;
  color: #fff;
  padding: 31px 0 0;
}
@media only screen and (min-width: 768px) {
  body.customer-account .col-left-first {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .col-left-first {
    padding-top: 78px;
  }
}
body.customer-account .col-left-first.col-left {
  float: none;
  width: 100%;
  margin: 0;
}
body.customer-account .hello-wrapper {
  padding: 0 31px 13px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .hello-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 16px 50px;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .hello-wrapper {
    padding-bottom: 78px;
  }
}
body.customer-account .hello-wrapper .welcome-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 32px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .hello-wrapper .welcome-msg {
    margin: 0 16px 0 0;
  }
}
body.customer-account .hello-wrapper .avatar {
  width: 68px;
  height: 68px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 17px 0 0;
  flex-shrink: 0;
  border: 2px solid #fff;
}
@media only screen and (min-width: 980px) {
  body.customer-account .hello-wrapper .avatar {
    width: 84px;
    height: 84px;
    margin-right: 23px;
  }
}
body.customer-account .hello-wrapper .text {
  flex-grow: 1;
  color: #fff;
  padding: 3px 0 0;
}
@media only screen and (min-width: 980px) {
  body.customer-account .hello-wrapper .text {
    padding-top: 7px;
  }
}
body.customer-account .hello-wrapper .page-label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 980px) {
  body.customer-account .hello-wrapper .page-label {
    font-size: 14px;
    margin-bottom: 6px;
  }
}
body.customer-account .hello-wrapper .title {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  display: block;
}
@media only screen and (min-width: 768px) {
  body.customer-account .hello-wrapper .title {
    font-size: 32px;
    line-height: 40px;
  }
}
body.customer-account .hello-wrapper .need-assistance strong {
  font-weight: normal;
}
body.customer-account .need-assistance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 0 0 0 11px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .need-assistance {
    padding-right: 16px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .need-assistance {
    margin-top: 20px;
  }
}
body.customer-account .need-assistance:before {
  margin: 0 16px 0 0;
  content: url("../images/icon-chat-white.svg");
}
body.customer-account .need-assistance > div {
  padding: 0 0 5px;
}
body.customer-account .need-assistance a {
  color: #fff;
  text-decoration: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
body.customer-account .need-assistance a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #fff;
}
body.customer-account .need-assistance a:hover:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  body.customer-account .left-nav-account {
    background: #fff;
    margin: 0 auto;
    max-width: 1136px;
  }
}
body.customer-account .customer-navigation-menu {
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 768px) {
  body.customer-account .customer-navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 16px 13px 0;
    font-size: 10px;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .customer-navigation-menu {
    padding: 25px 22px 0;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .customer-navigation-menu li {
    border-bottom: 1px solid #cdcdcd;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .customer-navigation-menu li {
    margin: 0 3px;
    position: relative;
    padding: 0 0 18px;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .customer-navigation-menu li {
    padding-bottom: 23px;
  }
}
body.customer-account .customer-navigation-menu a {
  color: #191919;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  body.customer-account .customer-navigation-menu a {
    position: relative;
    display: block;
    background: #fff;
    padding: 9px 40px 9px 30px;
  }
  body.customer-account .customer-navigation-menu a:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    line-height: 1;
    color: #b2b2b2;
    content: "\e903";
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .customer-navigation-menu a:hover {
    color: #785c3d;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .customer-navigation-menu a.current {
    background: none;
    color: #fff;
  }
  body.customer-account .customer-navigation-menu a.current:after {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .customer-navigation-menu a.current {
    color: #785c3d;
  }
  body.customer-account .customer-navigation-menu a.current:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    background: #8b6f4e;
  }
}
body.customer-account .col-main {
  float: none;
  width: 100%;
  padding: 53px 16px 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  body.customer-account .col-main {
    max-width: 1172px;
    margin: 0 auto;
  }
}
body.customer-account .my-account .page-title {
  margin: 0 0 19px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .my-account .page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .my-account .page-title {
    margin-bottom: 29px;
  }
}
body.customer-account .my-account .page-title h1 {
  border: 0;
  padding: 0 0 0 14px;
  margin: 0;
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  color: #131313;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 980px) {
  body.customer-account .my-account .page-title h1 {
    font-size: 24px;
    line-height: 26px;
    padding: 0;
  }
}
body.customer-account .my-account .page-title .title-link {
  margin: 15px 0 0;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  body.customer-account .my-account .page-title .title-link {
    margin: -5px 0;
  }
}
body.customer-account .my-account .title-buttons {
  position: relative;
  text-align: right;
}
body.customer-account .my-account .title-buttons h1 {
  text-align: left;
}
body.customer-account .my-account .title-buttons .button {
  position: absolute;
  right: 0;
  top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
  position: relative;
  top: -42px;
}
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .order-details h2 {
  width: 100%;
  display: inline-block;
}
body.customer-account .my-account .fieldset {
  margin: 0;
}
body.customer-account .my-account .fieldset + .fieldset {
  margin: 10px 0 0;
}
body.customer-account .my-account .fieldset .form-list > li:last-child {
  margin-bottom: 0;
}
body.customer-account .my-account .fieldset .form-list .fields {
  margin-bottom: 0;
}
body.customer-account .my-account .fieldset-title {
  margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .my-account .fieldset-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
body.customer-account .my-account .fieldset-title h2 {
  text-transform: none;
  font-weight: normal;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.08em;
  border: none;
  padding: 0;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
body.customer-account .my-account .fieldset-title .required {
  font-size: 10px;
  color: #898989;
}
@media only screen and (min-width: 768px) {
  body.customer-account .my-account .fieldset-title .required {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .my-account .customer-name-middlename,
  body.customer-account .my-account .customer-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  body.customer-account .my-account .customer-name-middlename .field,
  body.customer-account .my-account .customer-name .field {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .data-table {
    display: block;
    width: auto;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .data-table th,
  body.customer-account .data-table td {
    padding-right: 5%;
    padding-left: 0;
  }
  body.customer-account .data-table th.remove-td, body.customer-account .data-table th.remove,
  body.customer-account .data-table td.remove-td,
  body.customer-account .data-table td.remove {
    padding-right: 16px;
  }
  body.customer-account .data-table th:first-child,
  body.customer-account .data-table td:first-child {
    padding-left: 4.5%;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .data-table .order-tour-heading {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .data-table .order-tour-heading th {
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .data-table .col-order-tour-items-data td {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
body.customer-account .data-table .order-tour-month {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: #8b6f4e;
  letter-spacing: 0.05em;
}
body.customer-account .data-table th {
  border: none;
  text-transform: none;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 19px;
  font-weight: normal;
  color: #474747;
  background: none;
}
@media only screen and (min-width: 768px) {
  body.customer-account .data-table th {
    padding-top: 3px;
    padding-bottom: 17px;
  }
}
body.customer-account .data-table td {
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #474747;
  border: solid #d8d8d8;
  border-width: 1px 0 0;
  background: #f9f9f9;
}
body.customer-account .data-table td a {
  font-style: normal;
}
body.customer-account .data-table td.view a {
  display: block;
}
body.customer-account .data-table .separator,
body.customer-account .data-table .sep {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.customer-account .data-table thead {
    display: none;
  }
  body.customer-account .data-table tbody,
  body.customer-account .data-table tr,
  body.customer-account .data-table td {
    display: block;
  }
  body.customer-account .data-table tr {
    border-top: 1px solid #d8d8d8;
    background: #f9f9f9;
    padding: 17px 22px;
  }
  body.customer-account .data-table tr:first-child {
    border: none;
  }
  body.customer-account .data-table td {
    font-size: 14px;
    line-height: 24px;
    color: #474747;
    border: none;
    padding: 0;
    background: none;
    text-align: left !important;
    margin: 0 0 11px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  body.customer-account .data-table td:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .data-table td[data-rwd-label]:before {
    content: attr(data-rwd-label);
    display: block;
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .subscription-table td {
    padding-top: 33px;
    padding-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .subscription-table td.td-action {
    padding: 6px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .subscription-table td.td-action {
    width: 1%;
    padding-top: 22px;
  }
}
body.customer-account .subscription-table .number-active {
  display: block;
  text-transform: uppercase;
  color: #785c3d;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin: 2px 0 0;
}
@media only screen and (min-width: 768px) {
  body.customer-account .subscription-table .number-active {
    margin: 0;
  }
}
body.customer-account .subscription-table .ship-date {
  display: block;
}
@media only screen and (min-width: 768px) {
  body.customer-account .subscription-table .ship-date {
    margin: 0 0 5px;
  }
}
body.customer-account .subscription-table .items-subscription {
  font-size: 12px;
  color: #474747;
  text-decoration: underline;
}
body.customer-account .subscription-table .items-subscription:hover {
  text-decoration: none;
  color: #8b6f4e;
}
@media only screen and (max-width: 767px) {
  body.customer-account .orders-list,
  body.customer-account .history-table,
  body.customer-account .peets-card-table {
    border-bottom: none;
    margin-bottom: -16px;
  }
  body.customer-account .orders-list tr,
  body.customer-account .history-table tr,
  body.customer-account .peets-card-table tr {
    padding-bottom: 24px;
  }
  body.customer-account .orders-list td,
  body.customer-account .history-table td,
  body.customer-account .peets-card-table td {
    margin-bottom: 19px;
  }
  body.customer-account .orders-list td[data-rwd-label]:before,
  body.customer-account .history-table td[data-rwd-label]:before,
  body.customer-account .peets-card-table td[data-rwd-label]:before {
    font-size: 12px;
    line-height: 15px;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .th-rate,
  body.customer-account .orders-list .review-col,
  body.customer-account .history-table .th-rate,
  body.customer-account .history-table .review-col,
  body.customer-account .peets-card-table .th-rate,
  body.customer-account .peets-card-table .review-col {
    text-align: right;
    width: 1%;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list td,
  body.customer-account .history-table td,
  body.customer-account .peets-card-table td {
    padding-top: 26px;
    padding-bottom: 29px;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .orders-list .order-item,
  body.customer-account .history-table .order-item,
  body.customer-account .peets-card-table .order-item {
    border: none;
    background: #fff;
    padding-bottom: 25px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  body.customer-account .orders-list .order-item:last-child,
  body.customer-account .history-table .order-item:last-child,
  body.customer-account .peets-card-table .order-item:last-child {
    margin-bottom: 0;
  }
}

body.customer-account .orders-list .order-item td,
body.customer-account .history-table .order-item td,
body.customer-account .peets-card-table .order-item td {
  border: none;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .order-item td:not(.review-col),
  body.customer-account .history-table .order-item td:not(.review-col),
  body.customer-account .peets-card-table .order-item td:not(.review-col) {
    padding: 18px 28px;
  }
  body.customer-account .orders-list .order-item td.review-col,
  body.customer-account .history-table .order-item td.review-col,
  body.customer-account .peets-card-table .order-item td.review-col {
    padding-top: 29px;
  }
}
body.customer-account .orders-list .status,
body.customer-account .history-table .status,
body.customer-account .peets-card-table .status {
  white-space: nowrap;
  color: #785c3d;
  font-weight: 500;
}
body.customer-account .orders-list .report-problem,
body.customer-account .history-table .report-problem,
body.customer-account .peets-card-table .report-problem {
  font-size: 12px;
  line-height: 22px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .report-problem,
  body.customer-account .history-table .report-problem,
  body.customer-account .peets-card-table .report-problem {
    padding: 2px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .report-problem .link-container,
  body.customer-account .history-table .report-problem .link-container,
  body.customer-account .peets-card-table .report-problem .link-container {
    display: inline-block;
    vertical-align: top;
    margin: 0 14px 0 0;
  }
  body.customer-account .orders-list .report-problem .link-container:last-child,
  body.customer-account .history-table .report-problem .link-container:last-child,
  body.customer-account .peets-card-table .report-problem .link-container:last-child {
    margin-right: 0;
  }
}
body.customer-account .orders-list .report-problem a,
body.customer-account .history-table .report-problem a,
body.customer-account .peets-card-table .report-problem a {
  text-decoration: underline;
}
body.customer-account .orders-list .report-problem a:not(:hover),
body.customer-account .history-table .report-problem a:not(:hover),
body.customer-account .peets-card-table .report-problem a:not(:hover) {
  color: inherit;
}
body.customer-account .orders-list .report-problem a:hover,
body.customer-account .history-table .report-problem a:hover,
body.customer-account .peets-card-table .report-problem a:hover {
  text-decoration: none;
}
body.customer-account .orders-list .product-info-block,
body.customer-account .history-table .product-info-block,
body.customer-account .peets-card-table .product-info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
body.customer-account .orders-list .product-image,
body.customer-account .history-table .product-image,
body.customer-account .peets-card-table .product-image {
  flex-shrink: 0;
  width: 80px;
  margin: 0 6px 0 0;
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .product-image,
  body.customer-account .history-table .product-image,
  body.customer-account .peets-card-table .product-image {
    width: 115px;
    margin-right: 18px;
  }
}
body.customer-account .orders-list .product-image img,
body.customer-account .history-table .product-image img,
body.customer-account .peets-card-table .product-image img {
  max-width: 100%;
  height: auto;
}
body.customer-account .orders-list .product-name,
body.customer-account .history-table .product-name,
body.customer-account .peets-card-table .product-name {
  color: #474747;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 5px;
  text-transform: none;
}
body.customer-account .orders-list .product-options,
body.customer-account .history-table .product-options,
body.customer-account .peets-card-table .product-options {
  border: none;
  padding: 0;
  margin: 0 0 15px;
  font-size: 12px;
}
body.customer-account .orders-list .product-actions,
body.customer-account .history-table .product-actions,
body.customer-account .peets-card-table .product-actions {
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  body.customer-account .orders-list .product-actions,
  body.customer-account .history-table .product-actions,
  body.customer-account .peets-card-table .product-actions {
    text-align: center;
    display: inline-block;
    vertical-align: top;
  }
}
body.customer-account .orders-list .buy,
body.customer-account .history-table .buy,
body.customer-account .peets-card-table .buy {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 140px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 3px;
  text-decoration: none;
}
body.customer-account .orders-list .buy:hover,
body.customer-account .history-table .buy:hover,
body.customer-account .peets-card-table .buy:hover {
  background: #8b6f4e;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .buy,
  body.customer-account .history-table .buy,
  body.customer-account .peets-card-table .buy {
    margin: 0 19px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .subscribe-holder,
  body.customer-account .history-table .subscribe-holder,
  body.customer-account .peets-card-table .subscribe-holder {
    display: inline-block;
    vertical-align: top;
  }
}
body.customer-account .orders-list .subscribe,
body.customer-account .history-table .subscribe,
body.customer-account .peets-card-table .subscribe {
  font-size: 12px;
  text-decoration: underline;
}
body.customer-account .orders-list .subscribe:not(:hover),
body.customer-account .history-table .subscribe:not(:hover),
body.customer-account .peets-card-table .subscribe:not(:hover) {
  color: inherit;
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .subscribe:hover,
  body.customer-account .history-table .subscribe:hover,
  body.customer-account .peets-card-table .subscribe:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .orders-list .review-col,
  body.customer-account .history-table .review-col,
  body.customer-account .peets-card-table .review-col {
    padding: 5px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .rating-box,
  body.customer-account .history-table .rating-box,
  body.customer-account .peets-card-table .rating-box {
    margin: 0 auto 14px;
    width: 101px;
    letter-spacing: 0.6em;
  }
}
body.customer-account .orders-list .product-review,
body.customer-account .history-table .product-review,
body.customer-account .peets-card-table .product-review {
  line-height: 14px;
}
@media only screen and (max-width: 767px) {
  body.customer-account .orders-list .product-review,
  body.customer-account .history-table .product-review,
  body.customer-account .peets-card-table .product-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .product-review,
  body.customer-account .history-table .product-review,
  body.customer-account .peets-card-table .product-review {
    text-align: center;
  }
}
body.customer-account .orders-list .product-review a,
body.customer-account .history-table .product-review a,
body.customer-account .peets-card-table .product-review a {
  font-size: 12px;
  color: #474747;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .product-review a:hover,
  body.customer-account .history-table .product-review a:hover,
  body.customer-account .peets-card-table .product-review a:hover {
    text-decoration: none;
    color: #8b6f4e;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .orders-list .td-action {
    font-size: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .orders-list .td-action,
  body.customer-account .history-table .td-action {
    text-align: center !important;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .td-action,
  body.customer-account .history-table .td-action {
    text-align: right;
    padding-top: 23px;
  }
}
@media only screen and (max-width: 979px) {
  body.customer-account .orders-list .td-action .nobr,
  body.customer-account .history-table .td-action .nobr {
    white-space: normal;
  }
}
body.customer-account .orders-list .td-action a,
body.customer-account .history-table .td-action a {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 100px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 3px 6px;
}
body.customer-account .orders-list .td-action a:hover,
body.customer-account .history-table .td-action a:hover {
  background: #8b6f4e;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  body.customer-account .orders-list .td-action a,
  body.customer-account .history-table .td-action a {
    margin: 0 0 10px;
  }
  body.customer-account .orders-list .td-action a:last-child,
  body.customer-account .history-table .td-action a:last-child {
    margin-bottom: 0;
  }
}
body.customer-account .subscription-items-table,
body.customer-account .subscription-items-table-popup,
body.customer-account .my-orders-table {
  border-bottom: 1px solid #d8d8d8;
}
@media only screen and (max-width: 767px) {
  body.customer-account .subscription-items-table,
  body.customer-account .subscription-items-table-popup,
  body.customer-account .my-orders-table {
    margin-left: -16px;
    margin-right: -16px;
  }
  body.customer-account .subscription-items-table tr,
  body.customer-account .subscription-items-table-popup tr,
  body.customer-account .my-orders-table tr {
    padding: 17px 16px;
    position: relative;
  }
  body.customer-account .subscription-items-table tr:after,
  body.customer-account .subscription-items-table-popup tr:after,
  body.customer-account .my-orders-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  body.customer-account .subscription-items-table .image-td,
  body.customer-account .subscription-items-table-popup .image-td,
  body.customer-account .my-orders-table .image-td {
    float: left;
    width: 80px;
    margin: 0;
  }
  body.customer-account .subscription-items-table .image-td a,
  body.customer-account .subscription-items-table-popup .image-td a,
  body.customer-account .my-orders-table .image-td a {
    width: 80px;
    display: block;
  }
  body.customer-account .subscription-items-table .info-td,
  body.customer-account .subscription-items-table .qty-td,
  body.customer-account .subscription-items-table .total-td,
  body.customer-account .subscription-items-table-popup .info-td,
  body.customer-account .subscription-items-table-popup .qty-td,
  body.customer-account .subscription-items-table-popup .total-td,
  body.customer-account .my-orders-table .info-td,
  body.customer-account .my-orders-table .qty-td,
  body.customer-account .my-orders-table .total-td {
    margin: 0 0 0 90px;
  }
  body.customer-account .subscription-items-table td[data-rwd-label]:before,
  body.customer-account .subscription-items-table-popup td[data-rwd-label]:before,
  body.customer-account .my-orders-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 0 0;
    font-size: 12px;
    color: #898989;
  }
  body.customer-account .subscription-items-table .edit,
  body.customer-account .subscription-items-table-popup .edit,
  body.customer-account .my-orders-table .edit {
    padding: 0 0 10px;
  }
  body.customer-account .subscription-items-table .remove-td,
  body.customer-account .subscription-items-table-popup .remove-td,
  body.customer-account .my-orders-table .remove-td {
    position: absolute;
    top: 17px;
    right: 16px;
  }
}
body.customer-account .subscription-items-table .image-td,
body.customer-account .subscription-items-table-popup .image-td,
body.customer-account .my-orders-table .image-td {
  width: 80px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .subscription-items-table .image-td,
  body.customer-account .subscription-items-table-popup .image-td,
  body.customer-account .my-orders-table .image-td {
    width: 110px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
body.customer-account .subscription-items-table .image-td a,
body.customer-account .subscription-items-table-popup .image-td a,
body.customer-account .my-orders-table .image-td a {
  display: block;
  width: 80px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .subscription-items-table .image-td a,
  body.customer-account .subscription-items-table-popup .image-td a,
  body.customer-account .my-orders-table .image-td a {
    width: 90px;
  }
}
body.customer-account .subscription-items-table .image-td img,
body.customer-account .subscription-items-table-popup .image-td img,
body.customer-account .my-orders-table .image-td img {
  max-width: 100%;
  height: auto;
}
body.customer-account .subscription-items-table .product-name,
body.customer-account .subscription-items-table-popup .product-name,
body.customer-account .my-orders-table .product-name {
  text-transform: none;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 5px;
}
@media only screen and (max-width: 767px) {
  body.customer-account .subscription-items-table .product-name,
  body.customer-account .subscription-items-table-popup .product-name,
  body.customer-account .my-orders-table .product-name {
    margin-right: 30px;
  }
}
body.customer-account .subscription-items-table .edit,
body.customer-account .subscription-items-table-popup .edit,
body.customer-account .my-orders-table .edit {
  font-size: 12px;
  text-transform: lowercase;
}
body.customer-account .subscription-items-table .edit a,
body.customer-account .subscription-items-table-popup .edit a,
body.customer-account .my-orders-table .edit a {
  text-decoration: underline;
}
body.customer-account .subscription-items-table .edit a:hover,
body.customer-account .subscription-items-table-popup .edit a:hover,
body.customer-account .my-orders-table .edit a:hover {
  text-decoration: none;
}
body.customer-account .subscription-items-table .items-subscription,
body.customer-account .subscription-items-table-popup .items-subscription,
body.customer-account .my-orders-table .items-subscription {
  position: relative;
  padding: 0 0 0 16px;
  font-weight: 500;
  color: #8b6f4e;
  display: inline-block;
  vertical-align: top;
}
body.customer-account .subscription-items-table .items-subscription:before,
body.customer-account .subscription-items-table-popup .items-subscription:before,
body.customer-account .my-orders-table .items-subscription:before {
  content: "+";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
  font-size: 18px;
}
body.customer-account .subscription-items-table-popup {
  border-bottom: none;
}
body.customer-account .subscription-items-table-popup .qty-holder {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}
body.customer-account .subscription-items-table-popup .qty {
  width: 50px;
  height: 22px;
}
body.customer-account .offers-table .offer-title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
}
body.customer-account .offers-table .offer-date {
  font-weight: 500;
  color: #8b6f4e;
}
body.customer-account .offers-table .offer-description {
  padding: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  body.customer-account .rewards-history-table {
    margin-left: -16px;
    margin-right: -16px;
  }
  body.customer-account .rewards-history-table td {
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  body.customer-account .rewards-history-table td:before {
    margin: 0 5px 0 0;
  }
}
body.customer-account .rewards-history-table .td-bold {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  body.customer-account .full-width-mobile-table {
    margin: 0 -16px -12px;
  }
}
@media only screen and (max-width: 767px) {
  body.customer-account .subscription-info-table td[data-rwd-label]:before,
  body.customer-account .rewards-history-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    display: inline-block;
    vertical-align: top;
  }
}
body.customer-account .more-orders-toggler {
  display: block;
  background: #f9f9f9;
  text-transform: uppercase;
  color: #595959;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 12px;
  text-align: center;
  margin: 16px -16px -16px;
  padding: 17px 16px;
  transition: background 0.2s linear;
}
@media only screen and (min-width: 768px) {
  body.customer-account .more-orders-toggler {
    margin: 0 -31px -16px;
  }
  body.customer-account .more-orders-toggler:hover {
    background: #e8dec8;
  }
}
body.customer-account .more-orders-toggler span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 23px 0 0;
}
body.customer-account .more-orders-toggler span:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 5px;
  transform: rotate(0deg);
  transition: transform 0.2s linear;
}
@media only screen and (min-width: 768px) {
  body.customer-account .history-table td,
  body.customer-account .history-table th {
    padding-right: 2%;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .history-table td:first-child,
  body.customer-account .history-table th:first-child {
    padding-left: 2%;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .history-table td:last-child,
  body.customer-account .history-table th:last-child {
    padding-right: 16px;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .history-table .td-items div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
  }
}
@media only screen and (min-width: 980px) {
  body.customer-account .history-table .td-action a {
    margin: 0 0 0 5px;
  }
  body.customer-account .history-table .td-action a:first-child {
    margin-left: 0;
  }
}
body.customer-account #my-orders-table .grind-option {
  font-size: 12px;
  line-height: 16px;
  padding: 0 0 10px;
}
@media only screen and (max-width: 767px) {
  body.customer-account .peets-card-table {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .peets-card-table .td-action {
    padding-top: 21px;
  }
}
body.customer-account .peets-card-table .help-icon {
  margin: 0;
}
body.customer-account .btn-manage {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 100px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
}
body.customer-account .btn-manage:hover {
  background: #8b6f4e;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  body.customer-account .card-history-table td[data-rwd-label]:before {
    font-size: 12px;
    line-height: 15px;
  }
}
body.customer-account .opc {
  padding: 20px 0 0;
}
body.customer-account .opc > li {
  margin: 0 0 20px;
  padding: 20px 0 0;
  border-top: 1px solid #d8d8d8;
}
body.customer-account .opc > li:first-child {
  border: none;
  padding-top: 0;
}
body.customer-account .opc .title-text {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 7px;
  text-align: left;
}
body.customer-account .opc .reload-option-holder {
  padding: 30px 0 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .reload-option-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 40px 10% 0;
    text-align: left;
  }
}
body.customer-account .opc .or {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  padding: 36px 10px;
  position: relative;
  text-align: center;
  z-index: 1;
}
body.customer-account .opc .or span {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  padding: 0 5px;
  position: relative;
}
body.customer-account .opc .or span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 2px;
  background: #b2b2b2;
  z-index: -1;
}
body.customer-account .opc .extra-narrow {
  margin: 0;
}
body.customer-account .opc .pc-reload-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 10px;
  color: #191919;
  display: block;
}
body.customer-account .opc .input-reload-box {
  position: relative;
  width: 200px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .input-reload-box {
    margin: 0;
  }
}
body.customer-account .opc .input-reload-box:before {
  content: '$';
  position: absolute;
  left: 5px;
  top: 10px;
  color: #191919;
  font-size: 16px;
  font-weight: 500;
}
body.customer-account .opc .input-reload,
body.customer-account .opc .input-autoreload {
  padding-left: 15px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  display: block;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .input-reload,
  body.customer-account .opc .input-autoreload {
    width: 150px;
  }
}
body.customer-account .opc .extra-info {
  padding: 5px 0 0;
  font-style: italic;
  color: #898989;
}
@media only screen and (max-width: 767px) {
  body.customer-account .opc .pc-reload-minimum {
    text-align: center;
  }
}
body.customer-account .opc .step-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 0 10px;
}
body.customer-account .opc .step-title .number {
  display: none;
}
body.customer-account .opc .step-title h2 {
  margin: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
body.customer-account .opc .step-title a {
  text-transform: lowercase;
  text-decoration: underline;
}
body.customer-account .opc .step-title a:hover {
  text-decoration: none;
  color: #8b6f4e;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .step {
    padding: 0 40px;
  }
}
body.customer-account .opc .subtitle {
  display: block;
  font-weight: 500;
  margin: 0 0 10px;
}
body.customer-account .opc .sp-methods dt {
  position: relative;
  margin: 0 0 10px;
}
body.customer-account .opc .sp-methods dt [type="checkbox"],
body.customer-account .opc .sp-methods dt [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
body.customer-account .opc .sp-methods dt [type="checkbox"]:disabled + label,
body.customer-account .opc .sp-methods dt [type="checkbox"]:disabled + .label,
body.customer-account .opc .sp-methods dt [type="radio"]:disabled + label,
body.customer-account .opc .sp-methods dt [type="radio"]:disabled + .label {
  pointer-events: none;
}
body.customer-account .opc .sp-methods dt [type="checkbox"]:disabled + label:before,
body.customer-account .opc .sp-methods dt [type="checkbox"]:disabled + .label:before,
body.customer-account .opc .sp-methods dt [type="radio"]:disabled + label:before,
body.customer-account .opc .sp-methods dt [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
body.customer-account .opc .sp-methods dt [type="checkbox"] + label,
body.customer-account .opc .sp-methods dt [type="checkbox"] + .label,
body.customer-account .opc .sp-methods dt [type="radio"] + label,
body.customer-account .opc .sp-methods dt [type="radio"] + .label {
  margin-left: 28px;
}
body.customer-account .opc .sp-methods dt [type="checkbox"] + label:before,
body.customer-account .opc .sp-methods dt [type="checkbox"] + .label:before,
body.customer-account .opc .sp-methods dt [type="radio"] + label:before,
body.customer-account .opc .sp-methods dt [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
body.customer-account .opc .sp-methods dt [type="checkbox"]:checked + label:before,
body.customer-account .opc .sp-methods dt [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
body.customer-account .opc .sp-methods dt [type="checkbox"] + label:before,
body.customer-account .opc .sp-methods dt [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
body.customer-account .opc .sp-methods dt [type="radio"]:checked + label:before,
body.customer-account .opc .sp-methods dt [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
body.customer-account .opc .sp-methods dt [type="radio"] + label:before,
body.customer-account .opc .sp-methods dt [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
body.customer-account .opc .sp-methods label {
  font-weight: 500;
  color: #191919;
  padding: 0;
}
body.customer-account .opc .payment-cards-list > li {
  margin-bottom: 20px;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .cards-selection-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -16px;
  }
}
body.customer-account .opc .radio-container {
  position: relative;
  margin: 0 0 16px;
}
body.customer-account .opc .radio-container [type="checkbox"],
body.customer-account .opc .radio-container [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
body.customer-account .opc .radio-container [type="checkbox"]:disabled + label,
body.customer-account .opc .radio-container [type="checkbox"]:disabled + .label,
body.customer-account .opc .radio-container [type="radio"]:disabled + label,
body.customer-account .opc .radio-container [type="radio"]:disabled + .label {
  pointer-events: none;
}
body.customer-account .opc .radio-container [type="checkbox"]:disabled + label:before,
body.customer-account .opc .radio-container [type="checkbox"]:disabled + .label:before,
body.customer-account .opc .radio-container [type="radio"]:disabled + label:before,
body.customer-account .opc .radio-container [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
body.customer-account .opc .radio-container [type="checkbox"] + label,
body.customer-account .opc .radio-container [type="checkbox"] + .label,
body.customer-account .opc .radio-container [type="radio"] + label,
body.customer-account .opc .radio-container [type="radio"] + .label {
  margin-left: 28px;
}
body.customer-account .opc .radio-container [type="checkbox"] + label:before,
body.customer-account .opc .radio-container [type="checkbox"] + .label:before,
body.customer-account .opc .radio-container [type="radio"] + label:before,
body.customer-account .opc .radio-container [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
body.customer-account .opc .radio-container [type="checkbox"]:checked + label:before,
body.customer-account .opc .radio-container [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
body.customer-account .opc .radio-container [type="checkbox"] + label:before,
body.customer-account .opc .radio-container [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
body.customer-account .opc .radio-container [type="radio"]:checked + label:before,
body.customer-account .opc .radio-container [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
body.customer-account .opc .radio-container [type="radio"] + label:before,
body.customer-account .opc .radio-container [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .radio-container {
    width: calc(33.333% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}
body.customer-account .opc .radio-container input[type="radio"] + label {
  margin: 0;
  border-radius: 14px;
  background: #ececec;
  padding: 10px 10px 10px 40px;
  display: block;
  height: 100%;
  min-height: 64px;
}
body.customer-account .opc .radio-container input[type="radio"] + label:before {
  top: 10px;
  left: 10px;
}
body.customer-account .opc .label-row {
  display: block;
}
body.customer-account .opc .cvv-block {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .cvv-block {
    margin-left: 16px;
    margin-right: 16px;
  }
}
body.customer-account .opc .cvv-label {
  font-weight: 500;
  color: #191919;
  margin: 0 0 5px;
}
body.customer-account .opc .cvv-holder {
  position: relative;
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .cvv-holder {
    width: 154px;
  }
}
body.customer-account .opc .cvv-holder .input-text {
  width: calc(100% - 24px);
}
body.customer-account .opc .help-icon {
  margin: 0;
  position: absolute;
  right: 0;
  top: 10px;
}
body.customer-account .opc .form-list {
  padding: 0;
}
body.customer-account .opc .form-list select {
  width: 100%;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  body.customer-account .opc .buttons-set {
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  body.customer-account .opc .buttons-set .button {
    margin: 0 0 10px;
    width: 100%;
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  body.customer-account .opc .buttons-set .button {
    min-width: 300px;
  }
}
body.customer-account .pc-fixed-amounts li {
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 40px;
  border: 1px solid #b2b2b2;
  font-size: 16px;
  line-height: 38px;
  font-weight: 500;
  text-align: center;
  transition: background 0.3s linear, color 0.3s linear, border 0.3s linear;
}
body.customer-account .pc-fixed-amounts li:hover:not(.amt-selected) {
  background: #e8dec8;
  cursor: pointer;
}
body.customer-account .pc-fixed-amounts li.amt-selected {
  background: #8b6f4e;
  border-color: #8b6f4e;
  color: #fff;
}

.confirmation-note,
.purchase-terms-container {
  font-size: 12px;
  line-height: 20px;
  color: #898989;
}

.confirmation-note {
  margin: 0 0 20px;
}

.purchase-terms-container {
  padding: 30px 0 0;
}
.purchase-terms-container .fake-link {
  text-decoration: underline;
  cursor: pointer;
}
.purchase-terms-container .fake-link:hover {
  text-decoration: none;
  color: #191919;
}

.buttons-set.place-order-set .btn-message {
  font-weight: 500;
  text-align: center;
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .buttons-set.place-order-set .btn-message {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .buttons-set.place-order-set .btn-message {
    margin: 0;
  }
}
.buttons-set.place-order-set .button {
  min-width: 200px;
}
@media only screen and (max-width: 767px) {
  .buttons-set.place-order-set .button {
    width: 100%;
    max-width: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .buttons-set.place-order-set .button {
    margin: 0 0 0 30px;
    min-width: 300px;
  }
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
  width: 40px;
  float: left;
  margin-right: 10px;
}
.form-list .customer-dob .dob-year {
  width: 80px;
  float: left;
}
.form-list .label-default {
  font-weight: 500;
}

/* ============================================ *
 * Dashboard
 * ============================================ */
@media only screen and (min-width: 768px) {
  .dashboard .box-account-2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .dashboard .box-account-2column .box-account {
    width: calc(50% - 13px);
  }
}
.dashboard .box-account-2column .columns-holder .column-block {
  width: 100%;
}
.dashboard .box-account {
  background: #fff;
  margin: 0 0 16px;
  color: #474747;
  padding: 12px 16px 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .dashboard .box-account {
    margin-bottom: 56px;
    padding: 23px 31px 0;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard .box-account .data-table {
    margin: -17px -16px;
    border: solid #ececec;
    border-width: 1px 0;
  }
}
.dashboard .box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ececec;
  padding: 0 0 12px;
}
@media only screen and (min-width: 980px) {
  .dashboard .box-head {
    padding-bottom: 22px;
  }
}
.dashboard .box-head h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  min-height: 32px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 0 5px 0 0;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  letter-spacing: 0.07em;
}
.dashboard .box-head h2 .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media only screen and (min-width: 980px) {
  .dashboard .box-head h2 .icon {
    margin-right: 15px;
  }
}
.dashboard .box-head h2 .icon.icon-rewards {
  background-image: url("../images/icon-rewards.svg");
}
.dashboard .box-head h2 .icon.icon-subscriptions {
  background-image: url("../images/icon-subscriptions-t.svg");
}
.dashboard .box-head h2 .icon.icon-orders {
  background-image: url("../images/icon-orders.svg");
}
.dashboard .box-head h2 .icon.icon-payment {
  background-image: url("../images/icon-payment.svg");
}
.dashboard .box-head h2 .icon.icon-cards {
  background-image: url("../images/icon-cards.svg");
}
.dashboard .box-head h2 .icon.icon-settings {
  background-image: url("../images/icon-settings.svg");
}
.dashboard .box-head a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 15px 0 0;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  color: #474747;
  text-align: right;
}
@media only screen and (min-width: 980px) {
  .dashboard .box-head a {
    padding-right: 18px;
  }
}
.dashboard .box-head a:hover {
  color: #8b6f4e;
}
.dashboard .box-head a:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -4px 0 0;
  font-size: 9px;
  line-height: 1;
  content: "\e904";
}
.dashboard .head-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 11px;
}
.dashboard .head-block h3 {
  margin: 0 5px 0 0;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  text-transform: capitalize;
  color: #191919;
}
.dashboard .head-block a {
  flex-shrink: 0;
  color: #474747;
  font-size: 12px;
  line-height: 20px;
  text-decoration: underline;
  margin: 2px 0 0;
}
.dashboard .head-block a:hover {
  text-decoration: none;
}
.dashboard .box-content {
  padding: 16px 0;
}
.dashboard .box-footer {
  border-top: 1px solid #b2b2b2;
}
.dashboard .toggled-content.toggled .trigger:after {
  transform: rotate(-180deg);
}
.dashboard .toggled-content .trigger {
  position: relative;
  padding: 17px 19px 17px 0;
  font-size: 14px;
  font-weight: normal;
  color: #595959;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .dashboard .toggled-content .trigger {
    padding-right: 30px;
    transition: color 0.3s linear;
  }
  .dashboard .toggled-content .trigger:hover {
    color: #191919;
  }
}
.dashboard .toggled-content .trigger:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -4px 0 0;
  font-size: 8px;
  line-height: 1;
  color: #b2b2b2;
  content: "\e90c";
  transform: rotate(0deg);
  transition: transform 0.2s linear;
}
@media only screen and (min-width: 768px) {
  .dashboard .toggled-content .trigger:after {
    right: 5px;
  }
}
.dashboard .toggled-content .block-content {
  margin: 0;
}
.dashboard .toggled-content .slide-holder {
  padding: 0 0 16px;
}
.dashboard .columns-holder {
  padding: 2px 8px;
}
@media only screen and (min-width: 768px) {
  .dashboard .columns-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 31px 0 45px;
  }
}
.dashboard .columns-holder .column-block {
  line-height: 24px;
  margin: 0 0 48px;
}
@media only screen and (max-width: 767px) {
  .dashboard .columns-holder .column-block:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .dashboard .columns-holder .column-block {
    width: 33.333%;
    padding: 0 2.5%;
    margin: 0;
  }
}
@media only screen and (min-width: 980px) {
  .dashboard .columns-holder .column-block {
    padding: 0 4.5%;
  }
}
.dashboard .box-note {
  color: #898989;
  font-style: italic;
  padding: 20px 0 0;
  font-size: 12px;
  line-height: 20px;
}
.dashboard .link-holder {
  padding: 18px 0 0;
  font-size: 12px;
  line-height: 20px;
}
.dashboard .edit-password-link {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: underline;
  color: #595959;
  padding: 0 0 0 20px;
}
.dashboard .edit-password-link:hover {
  text-decoration: none;
  color: #8b6f4e;
}
.dashboard .edit-password-link:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  color: #595959;
}
.dashboard .cart-holder {
  padding: 11px 0 41px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .dashboard .cart-holder {
    padding-bottom: 73px;
  }
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder {
    padding: 21px 0 73px;
  }
}
.dashboard .cart-holder h3 {
  text-align: center;
  color: #474747;
  text-transform: none;
  font-size: 14px;
  line-height: 22px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 20px;
}
.dashboard .cart-holder .holder {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
  max-width: 263px;
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder .holder {
    max-width: 327px;
    margin: 0 0 0 28px;
  }
}
.dashboard .cart-holder .card-block {
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  margin: 0 0 27px;
  padding: 0 23px 0 0;
  position: relative;
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder .card-block {
    padding-right: 29px;
    margin-bottom: 21px;
  }
}
.dashboard .cart-holder .card-block.payment-cart-block {
  margin-bottom: 55px;
}
.dashboard .cart-holder .expired-placeholder {
  color: #df280a;
  font-size: 12px;
  margin: -10px 0 5px;
}
.dashboard .cart-holder .default-placeholder,
.dashboard .cart-holder .details {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}
.dashboard .cart-holder .default-placeholder {
  margin: 0 -100% 0 0;
  position: relative;
}
.dashboard .cart-holder .default-placeholder:before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: -23px;
  width: 35px;
  background: #b2b2b2;
  opacity: 0.5;
  border-radius: 6px;
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder .default-placeholder:before {
    top: 13px;
    bottom: 13px;
    border-radius: 8px;
    right: -29px;
  }
}
.dashboard .cart-holder .default-placeholder:after {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 10px;
  right: 33px;
  top: 50%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
.dashboard .cart-holder .default-placeholder img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.dashboard .cart-holder .default-label {
  background: #b2b2b2;
  text-transform: uppercase;
  font-weight: 500;
  padding: 5px 20px;
  letter-spacing: 0.05em;
  position: absolute;
  top: 17.5%;
  left: 0;
  right: 0;
  font-size: 9px;
  line-height: 16px;
  z-index: 1;
  color: #fff;
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder .default-label {
    padding: 6px 24px;
    font-size: 12px;
    line-height: 20px;
    top: 18%;
  }
}
.dashboard .cart-holder .details {
  position: relative;
  z-index: 1;
  white-space: normal;
  font-size: 9px;
  line-height: 16px;
  color: #fff;
  padding: 50px 20px 11%;
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder .details {
    font-size: 12px;
    line-height: 20px;
    padding: 50px 24px 10%;
  }
}
.dashboard .cart-holder .details .price {
  display: inline-block;
  vertical-align: top;
  font-size: 19px;
  line-height: 26px;
  font-weight: 300;
  margin: 6px 0 0;
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder .details .price {
    font-size: 24px;
    line-height: 30px;
    margin: 8px 0 4px;
  }
}
.dashboard .cart-holder .usage-details {
  font-size: 12px;
  line-height: 20px;
  margin: 0 auto 19px;
  max-width: 298px;
  text-align: left;
}
@media only screen and (min-width: 980px) {
  .dashboard .cart-holder .usage-details {
    margin-bottom: 24px;
  }
}
.dashboard .cart-holder .row-line {
  margin: 0 0 5px;
}
.dashboard .cart-holder .off-status .label,
.dashboard .cart-holder .on-status .label {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  line-height: 27px;
  color: #fff;
  background: #8b6f4e;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 9px;
  margin: -4px 2px -4px 2px;
}
.dashboard .cart-holder .off-status a,
.dashboard .cart-holder .on-status a {
  text-decoration: underline;
}
.dashboard .cart-holder .off-status a:hover,
.dashboard .cart-holder .on-status a:hover {
  text-decoration: none;
}
.dashboard .cart-holder .under-balance {
  position: relative;
  padding: 0 0 0 30px;
  color: #785c3d;
}
.dashboard .cart-holder .under-balance:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: url("../images/icons/icon-info.svg");
  position: absolute;
  top: 0;
  left: 0;
}
.dashboard .cart-holder .btn-holder {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .dashboard .cart-holder .btn-holder {
    position: absolute;
    bottom: 44px;
    left: 20px;
    right: 20px;
  }
}
.dashboard .box-reviews.box-account {
  padding-bottom: 0;
}
.dashboard .box-reviews li {
  padding: 10px 0;
  border-top: 1px solid #EDEDED;
}
.dashboard .box-reviews li:first-child {
  border-top: 0;
}
.dashboard .box-reviews li .number {
  margin-right: -20px;
  float: left;
  line-height: 1.4;
  font-size: 13px;
}
.dashboard .box-reviews li .details {
  margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
  content: '';
  display: table;
  clear: both;
  margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
  float: left;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 13px;
  margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
  float: left;
  margin: 3px 0 0 0;
}

/* ============================================ *
 * Address Book
 * ============================================ */
.my-account .addresses-list {
  color: #474747;
  line-height: 24px;
}
.my-account .addresses-list .address-section {
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 16px;
  margin: 0 0 40px;
}
.my-account .addresses-list .address-section:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.my-account .addresses-list h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  margin: 0 0 11px;
  color: #191919;
}
.my-account .addresses-list .main-section {
  border-top: 1px solid #d8d8d8;
  padding: 16px 0 0;
}
@media only screen and (min-width: 768px) {
  .my-account .addresses-list .address-items-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.my-account .addresses-list .item {
  margin: 0 0 20px;
  padding: 15px;
  background: #eee;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) {
  .my-account .addresses-list .item {
    width: 48%;
  }
}
.my-account .addresses-list .item p {
  margin-top: 10px;
}
.my-account .addresses-list .item a {
  text-decoration: underline;
  font-weight: 500;
  color: #8b6f4e;
}
.my-account .addresses-list .item a:hover {
  text-decoration: none;
}

#delivery-ins {
  padding: 10px 0 0;
}

.max-length-counter {
  padding: 7px 0 0;
  font-size: 11px;
  line-height: 15px;
  color: #898989;
}
.max-length-counter .instructions-charsleft {
  color: #785c3d;
}
.max-length-counter .total-limit {
  color: #393939;
}

.verification-layout {
  padding: 15px 0;
}
.verification-layout .notice-msg {
  background: #eee;
  padding: 10px 10px 10px 40px;
  position: relative;
  margin: 0 0 20px;
}
.verification-layout .notice-msg:before {
  content: '!';
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  background: #595959;
}
@media only screen and (min-width: 768px) {
  .verification-layout .two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.verification-layout .left-column {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .verification-layout .left-column {
    margin: 0;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 767px) {
  .verification-layout .right-column {
    border-top: 1px solid #d8d8d8;
    padding: 20px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .verification-layout .right-column {
    width: 260px;
    flex-shrink: 0;
    margin: 0 0 0 32px;
  }
}
.verification-layout .qas-box-title {
  margin: 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.verification-layout .qas-box-title h3 {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}
.verification-layout .qas-box-title a {
  text-decoration: underline;
  font-size: 12px;
  color: #595959;
  flex-shrink: 0;
  text-transform: lowercase;
}
.verification-layout .qas-box-title a:hover {
  text-decoration: none;
  color: #8b6f4e;
}
.verification-layout .qas-box-content .verification-form {
  display: block;
  position: relative;
  margin: 0 0 15px;
}
.verification-layout .qas-box-content .form-holder {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .verification-layout .qas-box-content .form-holder {
    margin: 0 auto;
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .verification-layout .qas-box-content .form-holder {
    padding-right: 180px;
  }
}
.verification-layout .qas-box-content .form-holder .input-text {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .verification-layout .qas-box-content .form-holder .input-text {
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .verification-layout .qas-box-content .form-holder .button {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .verification-layout .qas-box-content .form-holder .button {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 0;
    width: 180px;
  }
}
.verification-layout .qas-box-content .btn-box {
  padding: 15px 0 0;
}
.verification-layout .btn-gray {
  border-radius: 0;
  height: 40px;
  line-height: 42px;
  border: none;
  background: #b2b2b2;
  color: #fff;
}
.verification-layout .btn-gray:hover {
  background: #8b6f4e;
}
@media only screen and (max-width: 767px) {
  .verification-layout .link-view {
    display: block;
    text-align: center;
  }
}
.verification-layout .address-field {
  margin: 0 0 10px;
}
.verification-layout .name-row {
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.verification-layout .address-row,
.verification-layout .region-row {
  display: block;
}
.verification-layout .picklist-table {
  width: 100%;
}
.verification-layout .picklist-table td {
  padding: 3px 0;
  font-size: 12px;
}
.verification-layout .picklist-table td:last-child {
  padding-left: 10px;
}
.verification-layout .picklist-table a {
  text-decoration: underline;
}
.verification-layout .picklist-table a:hover {
  text-decoration: none;
}
.verification-layout .notice {
  font-weight: 500;
  color: #191919;
  padding: 10px 0 0;
  font-size: 12px;
  line-height: 20px;
}

/* ============================================ *
 * Order View
 * ============================================ */
.order-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #EDEDED;
  width: 100%;
  margin-bottom: 16px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
  display: inline;
}
.order-info dt {
  margin-right: 20px;
}
.order-info li {
  margin: 0 0 0 20px;
}
.order-info li.current {
  font-weight: 600;
}
.order-info li:first-child {
  margin-left: 0;
}

.order-date {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

.order-info-box {
  margin-bottom: 40px;
  margin-top: 20px;
}
.order-info-box + .order-info-box {
  padding-bottom: 40px;
  border-bottom: 1px solid #EDEDED;
}
.order-info-box .col-1 {
  padding-right: 0;
  width: 48%;
}
.order-info-box .col-2 {
  width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.order-info-box .box-title {
  width: 150px;
  padding-right: 10px;
  float: left;
}
.order-info-box .box-title h2 {
  font-size: 14px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.5;
}
.order-info-box .box-title h2:after {
  content: ':';
}
.order-info-box .box-content {
  float: left;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
  font-family: Georgia, Times, "Times New Roman", serif;
  line-height: 1.3;
}
.order-info-box .box-content th {
  padding-top: 10px;
}
.order-info-box .box-content td {
  padding-left: 16px;
}
.order-info-box .box-content strong {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
  display: inline;
}

.order-additional {
  margin: 40px 0;
}

.order-gift-message dd {
  margin-top: 10px;
}

/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */
body.newsletter-manage-index .my-account .fieldset {
  margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
  display: none;
}
body.newsletter-manage-index .my-account .form-list {
  border-top: 1px solid #ececec;
  padding-top: 10px;
}

.account-container {
  background: #fff;
  margin: 0 0 16px;
  padding: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .account-container {
    padding: 23px 31px;
    margin-bottom: 56px;
  }
}
.account-container .legend {
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.recurring-profile-section h2,
.account-inner-section h2 {
  font-size: 20px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.recurring-profile-section .recurring-profile-title,
.account-inner-section .recurring-profile-title {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  .recurring-profile-section .recurring-profile-title,
  .account-inner-section .recurring-profile-title {
    margin-top: 40px;
  }
}
.recurring-profile-section .recurring-profile-title:first-child,
.account-inner-section .recurring-profile-title:first-child {
  margin-top: 0;
}

.recurring-profile-title,
.card-title,
.account-inner-title {
  color: #474747;
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .recurring-profile-title,
  .card-title,
  .account-inner-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .payment-card-holder .recurring-profile-title, .card-associate .recurring-profile-title, .card-register .recurring-profile-title, .payment-card-holder
  .card-title, .card-associate
  .card-title, .card-register
  .card-title, .payment-card-holder
  .account-inner-title, .card-associate
  .account-inner-title, .card-register
  .account-inner-title {
    max-width: 800px;
  }
}

.recurring-profile-title .sub-id,
.recurring-profile-title .sub-shipment,
.recurring-profile-title .sub-frequency,
.recurring-profile-title .right,
.recurring-profile-title .left,
.card-title .sub-id,
.card-title .sub-shipment,
.card-title .sub-frequency,
.card-title .right,
.card-title .left,
.account-inner-title .sub-id,
.account-inner-title .sub-shipment,
.account-inner-title .sub-frequency,
.account-inner-title .right,
.account-inner-title .left {
  margin: 0 0 10px;
}
.recurring-profile-title h2,
.card-title h2,
.account-inner-title h2 {
  margin: 0 0 5px;
}
.recurring-profile-title h2.simple-text,
.card-title h2.simple-text,
.account-inner-title h2.simple-text {
  text-transform: none;
  color: #191919;
  font-size: 18px;
  line-height: 26px;
}
.recurring-profile-title h2 a,
.card-title h2 a,
.account-inner-title h2 a {
  text-decoration: underline;
  color: #8b6f4e;
}
.recurring-profile-title h2 a:hover,
.card-title h2 a:hover,
.account-inner-title h2 a:hover {
  text-decoration: none;
}
.recurring-profile-title .number-active,
.card-title .number-active,
.account-inner-title .number-active {
  text-transform: uppercase;
  color: #785c3d;
  font-weight: 500;
}
.recurring-profile-title .number,
.card-title .number,
.account-inner-title .number {
  color: #191919;
  font-weight: 500;
}
.recurring-profile-title .date,
.card-title .date,
.account-inner-title .date {
  display: block;
  font-weight: 500;
  font-size: 18px;
  color: #191919;
  padding: 2px 0;
}

.wrapper-items {
  border: solid #d8d8d8;
  border-width: 1px 0 0;
  color: #474747;
  padding: 16px 0 0;
}
@media only screen and (min-width: 768px) {
  .wrapper-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0;
    border-width: 1px 0;
  }
}
.wrapper-items .content-info {
  margin: 0 0 40px;
}
@media only screen and (min-width: 768px) {
  .wrapper-items .content-info {
    width: 300px;
    padding: 16px;
    padding-left: 0;
    margin: 0;
  }
}
.wrapper-items .box {
  border-top: 1px solid #d8d8d8;
  padding: 10px 0 0;
  margin: 0 0 10px;
}
.wrapper-items .box:first-child {
  border: none;
  padding-top: 0;
}
.wrapper-items .holder-block .holder {
  margin: 0 0 16px;
}
.wrapper-items .holder-block .holder:last-child {
  margin-bottom: 0;
}
.wrapper-items .holder-block strong {
  font-weight: 500;
}
.wrapper-items .holder-title-block,
.wrapper-items .date-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.wrapper-items .holder-title-block a,
.wrapper-items .date-holder a {
  flex-shrink: 0;
  text-transform: lowercase;
  text-decoration: underline;
}
.wrapper-items .holder-title-block a:hover,
.wrapper-items .date-holder a:hover {
  text-decoration: none;
}
.wrapper-items .holder-title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  color: #785c3d;
}
@media only screen and (min-width: 768px) {
  .wrapper-items .items {
    flex-grow: 1;
    border-left: 1px solid #d8d8d8;
    padding: 16px;
    padding-right: 0;
  }
}
.wrapper-items .status {
  text-transform: uppercase;
  font-weight: 500;
  color: #191919;
}

.shipment-title {
  margin: 40px 0 16px;
}
@media only screen and (min-width: 768px) {
  .shipment-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .shipment-title .left {
    margin: 0 0 16px;
  }
}
.shipment-title strong {
  font-weight: 500;
  color: #191919;
}

@media only screen and (max-width: 767px) {
  .shipment-items .data-table {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.shipment-items .data-table .title {
  font-size: 12px;
  color: #898989;
  margin: 0 3px 0 0;
}

.sorting-form {
  margin: 10px 0 20px;
  max-width: 320px;
}
@media only screen and (min-width: 768px) {
  .sorting-form {
    margin-bottom: 40px;
  }
}

.totals-container {
  padding: 20px 0 30px;
}
@media only screen and (min-width: 768px) {
  .totals-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.totals-container .totals-list {
  font-size: 16px;
}
.totals-container .totals-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 0 0 5px;
}
.totals-container .totals-list .title-cell {
  flex-grow: 1;
  text-align: right;
}
.totals-container .totals-list .price-cell {
  flex-shrink: 0;
  width: 80px;
  text-align: right;
}
.totals-container .totals-list .grand_total {
  border-top: 1px solid #d8d8d8;
  padding: 10px 0 0;
  font-weight: 500;
  color: #191919;
}

.payment-card-holder .title,
.peets-card-holder .title,
.orders-history-holder .title {
  overflow: hidden;
  margin: 0 0 10px;
}
.payment-card-holder .title .right,
.peets-card-holder .title .right,
.orders-history-holder .title .right {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .payment-card-holder .title .right,
  .peets-card-holder .title .right,
  .orders-history-holder .title .right {
    text-align: right;
    float: right;
  }
}
.payment-card-holder .title .button,
.peets-card-holder .title .button,
.orders-history-holder .title .button {
  margin: 0 0 10px;
}
@media only screen and (max-width: 479px) {
  .payment-card-holder .title .button,
  .peets-card-holder .title .button,
  .orders-history-holder .title .button {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) {
  .payment-card-holder .title .button,
  .peets-card-holder .title .button,
  .orders-history-holder .title .button {
    min-width: 240px;
  }
}
@media only screen and (min-width: 768px) {
  .payment-card-holder .title .button,
  .peets-card-holder .title .button,
  .orders-history-holder .title .button {
    margin-left: 10px;
  }
}
.payment-card-holder .info-col,
.peets-card-holder .info-col,
.orders-history-holder .info-col {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .payment-card-holder .info-col,
  .peets-card-holder .info-col,
  .orders-history-holder .info-col {
    margin: 0;
  }
}

.payment-card-holder .info-col,
.peets-card-holder .info-col,
.customer-addresses-list .info-col {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .payment-card-holder .info-col,
  .peets-card-holder .info-col,
  .customer-addresses-list .info-col {
    margin: 0;
  }
}

.payment-cards-list .peets-account-block,
.customer-addresses-list .peets-account-block {
  border-radius: 12px;
  background: #eee;
  padding: 16px;
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .payment-cards-list .peets-account-block,
  .customer-addresses-list .peets-account-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.payment-cards-list .input-checked-parent,
.customer-addresses-list .input-checked-parent {
  text-transform: uppercase;
  font-size: 16px;
  color: #8b6f4e;
  font-weight: 500;
  margin: 0 0 5px;
}
.payment-cards-list .subtitle,
.customer-addresses-list .subtitle {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.payment-cards-list .highlighted,
.customer-addresses-list .highlighted {
  color: #191919;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .payment-cards-list .actions,
  .customer-addresses-list .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -5px;
  }
}
@media only screen and (min-width: 768px) {
  .payment-cards-list .actions,
  .customer-addresses-list .actions {
    flex-shrink: 0;
  }
}
.payment-cards-list .actions li,
.customer-addresses-list .actions li {
  margin: 0 0 10px;
}
@media only screen and (min-width: 480px) {
  .payment-cards-list .actions li,
  .customer-addresses-list .actions li {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .payment-cards-list .actions li,
  .customer-addresses-list .actions li {
    margin-left: 5px;
  }
}
.payment-cards-list .actions a,
.customer-addresses-list .actions a {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 135px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0 7px;
}
.payment-cards-list .actions a:hover,
.customer-addresses-list .actions a:hover {
  background: #8b6f4e;
  color: #fff;
}
@media only screen and (max-width: 479px) {
  .payment-cards-list .actions a,
  .customer-addresses-list .actions a {
    display: block;
  }
}

.highlighted-text {
  display: block;
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  color: #191919;
}

.content-box {
  padding: 20px 0 0;
}

.pc-list {
  padding: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  .pc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.pc-list li {
  margin: 0 0 20px;
  padding: 20px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 26px;
  background: #e8dec8;
  color: #191919;
  transition: background 0.3s linear, color 0.3s linear;
}
.pc-list li:hover {
  background: #8b6f4e;
  color: #fff;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .pc-list li {
    width: calc(50% - 16px);
  }
}
.pc-list li .card-number,
.pc-list li .price {
  font-weight: 500;
  font-size: 18px;
}
.pc-list li .card-number {
  margin: 0 0 10px;
}

.form-centered {
  max-width: 500px;
}
.form-centered .btn-holder {
  text-align: center;
  padding: 10px 0;
}
.form-centered .button {
  min-width: 250px;
}
.form-centered p.required {
  margin-top: 10px;
}

.form-with-tooltips li {
  position: relative;
}
.form-with-tooltips .with-tooltip .input-box {
  position: relative;
  padding-right: 24px;
}
.form-with-tooltips .help-icon {
  margin: 0;
}
.form-with-tooltips .tooltip-title {
  margin: 0;
  position: absolute;
  bottom: 13px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .form-with-tooltips .use-as-default-tooltip {
    padding: 10px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .use-as-default-tooltip-content {
    padding: 10px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .tooltip-container {
    position: absolute;
    right: 0;
    bottom: 6px;
  }
}
@media only screen and (min-width: 768px) {
  .tooltip-container .pc-what-is-this-info {
    position: absolute;
    top: -39px;
    left: 100%;
    margin: 0 0 0 20px;
    z-index: 1;
    width: 270px;
  }
}
.tooltip-container p + .visual-cart-box {
  margin: 15px 0 0;
}
.tooltip-container .visual-cart-box {
  overflow: hidden;
  position: relative;
}
.tooltip-container .visual-cart-box + .visual-cart-box {
  margin-top: 10px;
}
.tooltip-container .cart-visual {
  float: left;
  width: 125px;
  height: 75px;
  border-radius: 5px;
  position: relative;
  text-align: right;
  background: #474747;
  color: #fff;
  font-size: 8px;
  letter-spacing: 0.1em;
}
.tooltip-container .cart-visual:before {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  content: '';
  height: 13px;
  background: #b2b2b2;
}
.tooltip-container .small-cards .cart-visual {
  width: 100px;
  height: 60px;
}
.tooltip-container .small-cards .cart-visual:before {
  height: 10px;
}
.tooltip-container .small-cards .pin,
.tooltip-container .small-cards .pin-title {
  bottom: 20px;
}
.tooltip-container .number,
.tooltip-container .pin {
  position: absolute;
  right: 5px;
  padding: 0 3px;
  border-radius: 3px;
  color: #b2b2b2;
}
.tooltip-container .number.highlighted,
.tooltip-container .pin.highlighted {
  color: #191919;
  background: #fff;
}
.tooltip-container .number,
.tooltip-container .number-title {
  bottom: 10px;
}
.tooltip-container .pin,
.tooltip-container .pin-title {
  bottom: 30px;
}
.tooltip-container .pin-title,
.tooltip-container .number-title {
  position: absolute;
  padding: 0 0 0 20px;
  left: 100px;
}
.tooltip-container .pin-title:before,
.tooltip-container .number-title:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 18px;
  height: 1px;
  background: #595959;
}
.tooltip-container .pin-text {
  margin: 15px 0 0 120px;
}

.info-tooltip-content {
  font-size: 10px;
  line-height: 14px;
  border: 1px solid #b2b2b2;
  padding: 10px 16px;
  background: #eee;
  margin: 10px 0 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .info-tooltip-content {
    border-radius: 12px;
    margin: 0;
  }
}
.info-tooltip-content.peets-tooltip-small {
  width: 145px;
  position: absolute;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .info-tooltip-content.peets-tooltip-small:after, .info-tooltip-content.peets-tooltip-small:before {
    right: 100%;
  }
  .info-tooltip-content.peets-tooltip-small:before {
    top: 15px;
    border-width: 10px 9px 10px 0;
    border-right-color: #b2b2b2;
  }
  .info-tooltip-content.peets-tooltip-small:after {
    top: 16px;
    border-width: 9px 8px 9px 0;
    border-right-color: #eee;
  }
}
@media only screen and (min-width: 768px) {
  .info-tooltip-content.peets-tooltip-small {
    width: 200px;
    border-radius: 0;
  }
}
.info-tooltip-content:after, .info-tooltip-content:before {
  content: '';
  position: absolute;
  border: solid transparent;
}
@media only screen and (max-width: 767px) {
  .info-tooltip-content:after:not(.peets-tooltip-small), .info-tooltip-content:before:not(.peets-tooltip-small) {
    bottom: 100%;
    margin: 0 0 -1px;
  }
}
@media only screen and (min-width: 768px) {
  .info-tooltip-content:after, .info-tooltip-content:before {
    right: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .info-tooltip-content:before:not(.peets-tooltip-small) {
    right: -1px;
    border-bottom-color: #b2b2b2;
    border-right-color: #b2b2b2;
    border-width: 7px 8px;
  }
}
@media only screen and (min-width: 768px) {
  .info-tooltip-content:before {
    top: 15px;
    border-width: 10px 9px 10px 0;
    border-right-color: #b2b2b2;
  }
}
@media only screen and (max-width: 767px) {
  .info-tooltip-content:after:not(.peets-tooltip-small) {
    right: 0;
    border-bottom-color: #eee;
    border-right-color: #eee;
    border-width: 6px 7px;
  }
}
@media only screen and (min-width: 768px) {
  .info-tooltip-content:after {
    top: 16px;
    border-width: 9px 8px 9px 0;
    border-right-color: #eee;
  }
}

.customerpaymentinputs .help-icon {
  margin: 0;
}
.customerpaymentinputs #payment-link-what-is-this {
  position: relative;
}
.customerpaymentinputs .label-default {
  display: block;
  font-weight: 500;
  color: #191919;
}

.form-with-validation div.input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: relative;
  padding: 0 30px 0 0;
}
.form-with-validation div.input-box.validation-passed:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  background: #8b6f4e;
  display: block;
}
.form-with-validation div.input-box.validation-error:after {
  content: '!';
  display: block;
  background: #df280a;
  font-size: 12px;
  font-weight: bold;
}
.form-with-validation div.input-box:after {
  position: absolute;
  right: 0;
  top: 10px;
  margin: 0 0 0 10px;
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-size: 8px;
  color: #fff;
}
.form-with-validation div.input-box select {
  margin: 0;
}
.form-with-validation div.input-box .month {
  width: calc(60% - 8px);
}
.form-with-validation div.input-box .year {
  width: calc(40% - 8px);
}
@media only screen and (min-width: 768px) {
  .form-with-validation.buttons-set {
    padding-right: 30px;
  }
}

.visual-list-block {
  padding: 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .visual-list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.visual-list-block > li {
  position: relative;
  margin: 0 0 16px;
}
.visual-list-block > li [type="checkbox"],
.visual-list-block > li [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.visual-list-block > li [type="checkbox"]:disabled + label,
.visual-list-block > li [type="checkbox"]:disabled + .label,
.visual-list-block > li [type="radio"]:disabled + label,
.visual-list-block > li [type="radio"]:disabled + .label {
  pointer-events: none;
}
.visual-list-block > li [type="checkbox"]:disabled + label:before,
.visual-list-block > li [type="checkbox"]:disabled + .label:before,
.visual-list-block > li [type="radio"]:disabled + label:before,
.visual-list-block > li [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.visual-list-block > li [type="checkbox"] + label,
.visual-list-block > li [type="checkbox"] + .label,
.visual-list-block > li [type="radio"] + label,
.visual-list-block > li [type="radio"] + .label {
  margin-left: 28px;
}
.visual-list-block > li [type="checkbox"] + label:before,
.visual-list-block > li [type="checkbox"] + .label:before,
.visual-list-block > li [type="radio"] + label:before,
.visual-list-block > li [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.visual-list-block > li [type="checkbox"]:checked + label:before,
.visual-list-block > li [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.visual-list-block > li [type="checkbox"] + label:before,
.visual-list-block > li [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.visual-list-block > li [type="radio"]:checked + label:before,
.visual-list-block > li [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.visual-list-block > li [type="radio"] + label:before,
.visual-list-block > li [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 768px) {
  .visual-list-block > li {
    width: calc(50% - 16px);
  }
}
.visual-list-block > li input[type="radio"] + label {
  margin: 0;
  border-radius: 14px;
  background: #ececec;
  padding: 10px 10px 10px 40px;
  display: block;
  height: 100%;
}
.visual-list-block > li input[type="radio"] + label:before {
  top: 10px;
  left: 10px;
}
.visual-list-block > li strong {
  font-weight: 500;
  margin: 35px 0 0;
}
.visual-list-block .address-edit {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: underline;
  font-size: 12px;
}
.visual-list-block .address-edit:hover {
  text-decoration: none;
}

.link-view,
.add-new-link {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #8b6f4e;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

.cc-link-separator {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  padding: 0 80px;
  text-transform: uppercase;
}

.add-new-link {
  padding: 0 0 0 20px;
}
.add-new-link:before {
  content: '+';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: normal;
}

.form-link-holder {
  padding: 10px 0;
}

.card-history-form {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .card-history-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-left: -8px;
    margin-right: -8px;
  }
}
.card-history-form .history-form-field {
  margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .card-history-form .history-form-field {
    width: 25%;
    padding: 0 8px;
  }
}
.card-history-form .history-form-field.history-form-button {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .card-history-form .history-form-field.history-form-button {
    margin: 0;
    padding: 10px 0 0;
  }
}
.card-history-form .button {
  width: 100%;
  max-width: 361px;
}
@media only screen and (min-width: 768px) {
  .card-history-form .button {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    min-width: 0;
    width: 100%;
  }
}

div.inchoo-socialconnect-login-wrapper {
  padding: 15px 0 0;
}

div.inchoo-socialconnect-login {
  text-align: center;
}

div.inchoo-socialconnect-facebook {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  height: 30px !important;
  background-color: #4c69ba;
  background: transparent linear-gradient(#4c69ba, #3b55a0) !important;
  border-color: #4c69ba;
  border-radius: 3px;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 #354c8c;
}

div.inchoo-socialconnect-register div.inchoo-socialconnect-facebook {
  margin-right: 40px;
}

div.inchoo-socialconnect-facebook:hover {
  background-color: #4c69ba;
  background: transparent linear-gradient(#5a7ad3, #4864b2) !important;
}

div.inchoo-socialconnect-facebook-inner {
  height: 30px !important;
  float: left !important;
  background: url("../images/facebook/login-button-icon.png") 8px 50% no-repeat !important;
  padding: 0 15px 0 35px !important;
  margin: 0 !important;
  border-radius: 3px;
}

div.inchoo-socialconnect-facebook-right {
  display: none;
}

div.inchoo-socialconnect-facebook-inner a {
  color: #FFFFFF !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  line-height: 30px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

div.inchoo-socialconnect-or {
  text-align: center;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}
div.inchoo-socialconnect-or:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #d8d8d8;
}
div.inchoo-socialconnect-or span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  padding: 0 10px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .progress-diagram {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 16px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .progress-diagram {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 17px 0 12px;
  }
}
@media only screen and (min-width: 980px) {
  .progress-diagram {
    padding-right: 12%;
  }
}
.progress-diagram .upcoming-benefits {
  padding: 0 10px 17px;
}
@media only screen and (min-width: 768px) {
  .progress-diagram .upcoming-benefits {
    width: 290px;
    padding: 0 0 4px;
    margin: 0 0 0 7.5%;
  }
}
.progress-diagram .earning {
  padding: 0 0 20px;
  margin: 0 0 18px;
  border-bottom: 1px solid #d8d8d8;
}
.progress-diagram .qty-points {
  font-size: 24px;
  line-height: 32px;
  color: #a3a3a3;
  margin: 0 0 11px;
}
.progress-diagram .qty-points .qty {
  color: #785c3d;
}
.progress-diagram .title {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.07em;
  color: #474747;
  font-weight: 500;
}
.progress-diagram .benefit-description {
  font-size: 12px;
  line-height: 20px;
  font-style: italic;
  color: #a3a3a3;
  margin: 0 0 28px;
}
@media only screen and (min-width: 768px) {
  .progress-diagram .benefit-description {
    margin-bottom: 19px;
  }
}

.diagram {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .diagram {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .diagram .diagram-bg {
    width: 166px;
    height: 166px;
    border-radius: 50%;
    position: relative;
  }
  .diagram .diagram-bg .clip-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .diagram .diagram-bg .clip-bg.first-part-bg {
    transform: rotate(-90deg);
    clip: rect(0 166px 83px 0);
  }
  .diagram .diagram-bg .clip-bg.first-part-bg .part-bg {
    transform: rotate(calc(33deg));
  }
  .diagram .diagram-bg .clip-bg.first-part-bg .part-bg:after {
    left: 0;
  }
  .diagram .diagram-bg .clip-bg.second-part-bg {
    transform: rotate(90deg);
    clip: rect(0 166px 83px 0);
  }
  .diagram .diagram-bg .clip-bg.second-part-bg .part-bg {
    transform: rotate(-33deg);
  }
  .diagram .diagram-bg .clip-bg.second-part-bg .part-bg:after {
    right: 0;
  }
  .diagram .diagram-bg .part-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .diagram .diagram-bg .part-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 12px solid #ececec;
    border-radius: 50%;
    clip: rect(0 166px 83px 0);
  }
  .diagram .diagram-bg .part-bg:after {
    content: '';
    background: #ececec;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin: -6px 0 0;
    z-index: 1;
  }
  .diagram .diagram-bg .clip-section {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(-90deg);
    clip: rect(0 166px 83px 0);
  }
  .diagram .diagram-bg .progress-line {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    transform: rotate(33deg);
  }
  .diagram .diagram-bg .progress-line:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    border: 12px solid #8b6f4e;
    border-radius: 50%;
    clip: rect(0 166px 83px 0);
  }
  .diagram .diagram-bg .progress-line:after {
    content: '';
    background: #8b6f4e;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -6px 0 0;
  }
  .diagram .diagram-bg .progress-point {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    transform: rotate(calc(33deg - 90deg));
  }
  .diagram .diagram-bg .progress-point:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -6px;
    margin: -12px 0 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 6px solid #8b6f4e;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  }
  .diagram .diagram-bg.total-1.current-0 .clip-section {
    transform: rotate(calc((294deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-1.current-0 .progress-point {
    transform: rotate(calc(calc((294deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-1.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-1.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-1.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((294deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-1.current-1 .clip-section {
    transform: rotate(calc((294deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-1.current-1 .progress-point {
    transform: rotate(calc(calc((294deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-1.current-1 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-1.current-1 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-1.current-1 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-2.current-0 .clip-section {
    transform: rotate(calc((147deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-2.current-0 .progress-point {
    transform: rotate(calc(calc((147deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-2.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-2.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-2.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((147deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-2.current-1 .clip-section {
    transform: rotate(calc((147deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-2.current-1 .progress-point {
    transform: rotate(calc(calc((147deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-2.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((147deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-2.current-2 .clip-section {
    transform: rotate(calc((147deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-2.current-2 .progress-point {
    transform: rotate(calc(calc((147deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-2.current-2 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-2.current-2 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-2.current-2 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-0 .clip-section {
    transform: rotate(calc((98deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-0 .progress-point {
    transform: rotate(calc(calc((98deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-3.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-3.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((98deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-3.current-1 .clip-section {
    transform: rotate(calc((98deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-1 .progress-point {
    transform: rotate(calc(calc((98deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((98deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-3.current-2 .clip-section {
    transform: rotate(calc((98deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-2 .progress-point {
    transform: rotate(calc(calc((98deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-2 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-3.current-2 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-2 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-3 .clip-section {
    transform: rotate(calc((98deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-3 .progress-point {
    transform: rotate(calc(calc((98deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-3 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-3.current-3 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-3 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-0 .clip-section {
    transform: rotate(calc((73.5deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-0 .progress-point {
    transform: rotate(calc(calc((73.5deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-4.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-4.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((73.5deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-4.current-1 .clip-section {
    transform: rotate(calc((73.5deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-1 .progress-point {
    transform: rotate(calc(calc((73.5deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((73.5deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-4.current-2 .clip-section {
    transform: rotate(calc((73.5deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-2 .progress-point {
    transform: rotate(calc(calc((73.5deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((73.5deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-4.current-3 .clip-section {
    transform: rotate(calc((73.5deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-3 .progress-point {
    transform: rotate(calc(calc((73.5deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-3 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-4.current-3 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-3 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-4 .clip-section {
    transform: rotate(calc((73.5deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-4 .progress-point {
    transform: rotate(calc(calc((73.5deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-4.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-0 .clip-section {
    transform: rotate(calc((58.8deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-0 .progress-point {
    transform: rotate(calc(calc((58.8deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-5.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-5.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((58.8deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-5.current-1 .clip-section {
    transform: rotate(calc((58.8deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-1 .progress-point {
    transform: rotate(calc(calc((58.8deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((58.8deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-5.current-2 .clip-section {
    transform: rotate(calc((58.8deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-2 .progress-point {
    transform: rotate(calc(calc((58.8deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((58.8deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-5.current-3 .clip-section {
    transform: rotate(calc((58.8deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-3 .progress-point {
    transform: rotate(calc(calc((58.8deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-3 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-5.current-3 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-3 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-4 .clip-section {
    transform: rotate(calc((58.8deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-4 .progress-point {
    transform: rotate(calc(calc((58.8deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-5.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-5 .clip-section {
    transform: rotate(calc((58.8deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-5 .progress-point {
    transform: rotate(calc(calc((58.8deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-5.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-0 .clip-section {
    transform: rotate(calc((49deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-0 .progress-point {
    transform: rotate(calc(calc((49deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-6.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-6.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-1 .clip-section {
    transform: rotate(calc((49deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-1 .progress-point {
    transform: rotate(calc(calc((49deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-2 .clip-section {
    transform: rotate(calc((49deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-2 .progress-point {
    transform: rotate(calc(calc((49deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-3 .clip-section {
    transform: rotate(calc((49deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-3 .progress-point {
    transform: rotate(calc(calc((49deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-4 .clip-section {
    transform: rotate(calc((49deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-4 .progress-point {
    transform: rotate(calc(calc((49deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-6.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-5 .clip-section {
    transform: rotate(calc((49deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-5 .progress-point {
    transform: rotate(calc(calc((49deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-6.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-6 .clip-section {
    transform: rotate(calc((49deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-6 .progress-point {
    transform: rotate(calc(calc((49deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-6.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-0 .clip-section {
    transform: rotate(calc((42deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-0 .progress-point {
    transform: rotate(calc(calc((42deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-7.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-7.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-1 .clip-section {
    transform: rotate(calc((42deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-1 .progress-point {
    transform: rotate(calc(calc((42deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-2 .clip-section {
    transform: rotate(calc((42deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-2 .progress-point {
    transform: rotate(calc(calc((42deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-3 .clip-section {
    transform: rotate(calc((42deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-3 .progress-point {
    transform: rotate(calc(calc((42deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-4 .clip-section {
    transform: rotate(calc((42deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-4 .progress-point {
    transform: rotate(calc(calc((42deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-5 .clip-section {
    transform: rotate(calc((42deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-5 .progress-point {
    transform: rotate(calc(calc((42deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-6 .clip-section {
    transform: rotate(calc((42deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-6 .progress-point {
    transform: rotate(calc(calc((42deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-7 .clip-section {
    transform: rotate(calc((42deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-7 .progress-point {
    transform: rotate(calc(calc((42deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-0 .clip-section {
    transform: rotate(calc((36.75deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-0 .progress-point {
    transform: rotate(calc(calc((36.75deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-8.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-8.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-1 .clip-section {
    transform: rotate(calc((36.75deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-1 .progress-point {
    transform: rotate(calc(calc((36.75deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-2 .clip-section {
    transform: rotate(calc((36.75deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-2 .progress-point {
    transform: rotate(calc(calc((36.75deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-3 .clip-section {
    transform: rotate(calc((36.75deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-3 .progress-point {
    transform: rotate(calc(calc((36.75deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-4 .clip-section {
    transform: rotate(calc((36.75deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-4 .progress-point {
    transform: rotate(calc(calc((36.75deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-5 .clip-section {
    transform: rotate(calc((36.75deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-5 .progress-point {
    transform: rotate(calc(calc((36.75deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-6 .clip-section {
    transform: rotate(calc((36.75deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-6 .progress-point {
    transform: rotate(calc(calc((36.75deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-7 .clip-section {
    transform: rotate(calc((36.75deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-7 .progress-point {
    transform: rotate(calc(calc((36.75deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-8 .clip-section {
    transform: rotate(calc((36.75deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-8 .progress-point {
    transform: rotate(calc(calc((36.75deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-0 .clip-section {
    transform: rotate(calc((32.66667deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-0 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-9.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-9.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-1 .clip-section {
    transform: rotate(calc((32.66667deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-1 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-2 .clip-section {
    transform: rotate(calc((32.66667deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-2 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-3 .clip-section {
    transform: rotate(calc((32.66667deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-3 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-4 .clip-section {
    transform: rotate(calc((32.66667deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-4 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-5 .clip-section {
    transform: rotate(calc((32.66667deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-5 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-6 .clip-section {
    transform: rotate(calc((32.66667deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-6 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-7 .clip-section {
    transform: rotate(calc((32.66667deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-7 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-8 .clip-section {
    transform: rotate(calc((32.66667deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-8 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-9 .clip-section {
    transform: rotate(calc((32.66667deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-9 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-0 .clip-section {
    transform: rotate(calc((29.4deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-0 .progress-point {
    transform: rotate(calc(calc((29.4deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-10.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-10.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-1 .clip-section {
    transform: rotate(calc((29.4deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-1 .progress-point {
    transform: rotate(calc(calc((29.4deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-2 .clip-section {
    transform: rotate(calc((29.4deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-2 .progress-point {
    transform: rotate(calc(calc((29.4deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-3 .clip-section {
    transform: rotate(calc((29.4deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-3 .progress-point {
    transform: rotate(calc(calc((29.4deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-4 .clip-section {
    transform: rotate(calc((29.4deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-4 .progress-point {
    transform: rotate(calc(calc((29.4deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-5 .clip-section {
    transform: rotate(calc((29.4deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-5 .progress-point {
    transform: rotate(calc(calc((29.4deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-6 .clip-section {
    transform: rotate(calc((29.4deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-6 .progress-point {
    transform: rotate(calc(calc((29.4deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-7 .clip-section {
    transform: rotate(calc((29.4deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-7 .progress-point {
    transform: rotate(calc(calc((29.4deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-8 .clip-section {
    transform: rotate(calc((29.4deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-8 .progress-point {
    transform: rotate(calc(calc((29.4deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-9 .clip-section {
    transform: rotate(calc((29.4deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-9 .progress-point {
    transform: rotate(calc(calc((29.4deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-10 .clip-section {
    transform: rotate(calc((29.4deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-10 .progress-point {
    transform: rotate(calc(calc((29.4deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-0 .clip-section {
    transform: rotate(calc((26.72727deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-0 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-11.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-11.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-1 .clip-section {
    transform: rotate(calc((26.72727deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-1 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-2 .clip-section {
    transform: rotate(calc((26.72727deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-2 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-3 .clip-section {
    transform: rotate(calc((26.72727deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-3 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-4 .clip-section {
    transform: rotate(calc((26.72727deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-4 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-5 .clip-section {
    transform: rotate(calc((26.72727deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-5 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-6 .clip-section {
    transform: rotate(calc((26.72727deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-6 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-7 .clip-section {
    transform: rotate(calc((26.72727deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-7 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-8 .clip-section {
    transform: rotate(calc((26.72727deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-8 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-9 .clip-section {
    transform: rotate(calc((26.72727deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-9 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-10 .clip-section {
    transform: rotate(calc((26.72727deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-10 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-11 .clip-section {
    transform: rotate(calc((26.72727deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-11 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-0 .clip-section {
    transform: rotate(calc((24.5deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-0 .progress-point {
    transform: rotate(calc(calc((24.5deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-12.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-12.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-1 .clip-section {
    transform: rotate(calc((24.5deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-1 .progress-point {
    transform: rotate(calc(calc((24.5deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-2 .clip-section {
    transform: rotate(calc((24.5deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-2 .progress-point {
    transform: rotate(calc(calc((24.5deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-3 .clip-section {
    transform: rotate(calc((24.5deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-3 .progress-point {
    transform: rotate(calc(calc((24.5deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-4 .clip-section {
    transform: rotate(calc((24.5deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-4 .progress-point {
    transform: rotate(calc(calc((24.5deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-5 .clip-section {
    transform: rotate(calc((24.5deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-5 .progress-point {
    transform: rotate(calc(calc((24.5deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-6 .clip-section {
    transform: rotate(calc((24.5deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-6 .progress-point {
    transform: rotate(calc(calc((24.5deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-7 .clip-section {
    transform: rotate(calc((24.5deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-7 .progress-point {
    transform: rotate(calc(calc((24.5deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-8 .clip-section {
    transform: rotate(calc((24.5deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-8 .progress-point {
    transform: rotate(calc(calc((24.5deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-9 .clip-section {
    transform: rotate(calc((24.5deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-9 .progress-point {
    transform: rotate(calc(calc((24.5deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-10 .clip-section {
    transform: rotate(calc((24.5deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-10 .progress-point {
    transform: rotate(calc(calc((24.5deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-11 .clip-section {
    transform: rotate(calc((24.5deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-11 .progress-point {
    transform: rotate(calc(calc((24.5deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-12 .clip-section {
    transform: rotate(calc((24.5deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-12 .progress-point {
    transform: rotate(calc(calc((24.5deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-0 .clip-section {
    transform: rotate(calc((22.61538deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-0 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-13.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-13.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-1 .clip-section {
    transform: rotate(calc((22.61538deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-1 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-2 .clip-section {
    transform: rotate(calc((22.61538deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-2 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-3 .clip-section {
    transform: rotate(calc((22.61538deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-3 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-4 .clip-section {
    transform: rotate(calc((22.61538deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-4 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-5 .clip-section {
    transform: rotate(calc((22.61538deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-5 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-6 .clip-section {
    transform: rotate(calc((22.61538deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-6 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-7 .clip-section {
    transform: rotate(calc((22.61538deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-7 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-8 .clip-section {
    transform: rotate(calc((22.61538deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-8 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-9 .clip-section {
    transform: rotate(calc((22.61538deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-9 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-10 .clip-section {
    transform: rotate(calc((22.61538deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-10 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-11 .clip-section {
    transform: rotate(calc((22.61538deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-11 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-12 .clip-section {
    transform: rotate(calc((22.61538deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-12 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-13 .clip-section {
    transform: rotate(calc((22.61538deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-13 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-0 .clip-section {
    transform: rotate(calc((21deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-0 .progress-point {
    transform: rotate(calc(calc((21deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-14.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-14.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-1 .clip-section {
    transform: rotate(calc((21deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-1 .progress-point {
    transform: rotate(calc(calc((21deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-2 .clip-section {
    transform: rotate(calc((21deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-2 .progress-point {
    transform: rotate(calc(calc((21deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-3 .clip-section {
    transform: rotate(calc((21deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-3 .progress-point {
    transform: rotate(calc(calc((21deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-4 .clip-section {
    transform: rotate(calc((21deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-4 .progress-point {
    transform: rotate(calc(calc((21deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-5 .clip-section {
    transform: rotate(calc((21deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-5 .progress-point {
    transform: rotate(calc(calc((21deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-6 .clip-section {
    transform: rotate(calc((21deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-6 .progress-point {
    transform: rotate(calc(calc((21deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-7 .clip-section {
    transform: rotate(calc((21deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-7 .progress-point {
    transform: rotate(calc(calc((21deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-8 .clip-section {
    transform: rotate(calc((21deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-8 .progress-point {
    transform: rotate(calc(calc((21deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-9 .clip-section {
    transform: rotate(calc((21deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-9 .progress-point {
    transform: rotate(calc(calc((21deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-10 .clip-section {
    transform: rotate(calc((21deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-10 .progress-point {
    transform: rotate(calc(calc((21deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-11 .clip-section {
    transform: rotate(calc((21deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-11 .progress-point {
    transform: rotate(calc(calc((21deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-12 .clip-section {
    transform: rotate(calc((21deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-12 .progress-point {
    transform: rotate(calc(calc((21deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-13 .clip-section {
    transform: rotate(calc((21deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-13 .progress-point {
    transform: rotate(calc(calc((21deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-14 .clip-section {
    transform: rotate(calc((21deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-14 .progress-point {
    transform: rotate(calc(calc((21deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-0 .clip-section {
    transform: rotate(calc((19.6deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-0 .progress-point {
    transform: rotate(calc(calc((19.6deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-15.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-15.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-1 .clip-section {
    transform: rotate(calc((19.6deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-1 .progress-point {
    transform: rotate(calc(calc((19.6deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-2 .clip-section {
    transform: rotate(calc((19.6deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-2 .progress-point {
    transform: rotate(calc(calc((19.6deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-3 .clip-section {
    transform: rotate(calc((19.6deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-3 .progress-point {
    transform: rotate(calc(calc((19.6deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-4 .clip-section {
    transform: rotate(calc((19.6deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-4 .progress-point {
    transform: rotate(calc(calc((19.6deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-5 .clip-section {
    transform: rotate(calc((19.6deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-5 .progress-point {
    transform: rotate(calc(calc((19.6deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-6 .clip-section {
    transform: rotate(calc((19.6deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-6 .progress-point {
    transform: rotate(calc(calc((19.6deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-7 .clip-section {
    transform: rotate(calc((19.6deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-7 .progress-point {
    transform: rotate(calc(calc((19.6deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-8 .clip-section {
    transform: rotate(calc((19.6deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-8 .progress-point {
    transform: rotate(calc(calc((19.6deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-9 .clip-section {
    transform: rotate(calc((19.6deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-9 .progress-point {
    transform: rotate(calc(calc((19.6deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-10 .clip-section {
    transform: rotate(calc((19.6deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-10 .progress-point {
    transform: rotate(calc(calc((19.6deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-11 .clip-section {
    transform: rotate(calc((19.6deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-11 .progress-point {
    transform: rotate(calc(calc((19.6deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-12 .clip-section {
    transform: rotate(calc((19.6deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-12 .progress-point {
    transform: rotate(calc(calc((19.6deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-13 .clip-section {
    transform: rotate(calc((19.6deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-13 .progress-point {
    transform: rotate(calc(calc((19.6deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-14 .clip-section {
    transform: rotate(calc((19.6deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-14 .progress-point {
    transform: rotate(calc(calc((19.6deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-15 .clip-section {
    transform: rotate(calc((19.6deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-15 .progress-point {
    transform: rotate(calc(calc((19.6deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-0 .clip-section {
    transform: rotate(calc((18.375deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-0 .progress-point {
    transform: rotate(calc(calc((18.375deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-16.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-16.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-1 .clip-section {
    transform: rotate(calc((18.375deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-1 .progress-point {
    transform: rotate(calc(calc((18.375deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-2 .clip-section {
    transform: rotate(calc((18.375deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-2 .progress-point {
    transform: rotate(calc(calc((18.375deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-3 .clip-section {
    transform: rotate(calc((18.375deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-3 .progress-point {
    transform: rotate(calc(calc((18.375deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-4 .clip-section {
    transform: rotate(calc((18.375deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-4 .progress-point {
    transform: rotate(calc(calc((18.375deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-5 .clip-section {
    transform: rotate(calc((18.375deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-5 .progress-point {
    transform: rotate(calc(calc((18.375deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-6 .clip-section {
    transform: rotate(calc((18.375deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-6 .progress-point {
    transform: rotate(calc(calc((18.375deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-7 .clip-section {
    transform: rotate(calc((18.375deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-7 .progress-point {
    transform: rotate(calc(calc((18.375deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-8 .clip-section {
    transform: rotate(calc((18.375deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-8 .progress-point {
    transform: rotate(calc(calc((18.375deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-9 .clip-section {
    transform: rotate(calc((18.375deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-9 .progress-point {
    transform: rotate(calc(calc((18.375deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-10 .clip-section {
    transform: rotate(calc((18.375deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-10 .progress-point {
    transform: rotate(calc(calc((18.375deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-11 .clip-section {
    transform: rotate(calc((18.375deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-11 .progress-point {
    transform: rotate(calc(calc((18.375deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-12 .clip-section {
    transform: rotate(calc((18.375deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-12 .progress-point {
    transform: rotate(calc(calc((18.375deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-13 .clip-section {
    transform: rotate(calc((18.375deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-13 .progress-point {
    transform: rotate(calc(calc((18.375deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-14 .clip-section {
    transform: rotate(calc((18.375deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-14 .progress-point {
    transform: rotate(calc(calc((18.375deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-15 .clip-section {
    transform: rotate(calc((18.375deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-15 .progress-point {
    transform: rotate(calc(calc((18.375deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-16 .clip-section {
    transform: rotate(calc((18.375deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-16 .progress-point {
    transform: rotate(calc(calc((18.375deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-0 .clip-section {
    transform: rotate(calc((17.29412deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-0 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-17.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-17.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-1 .clip-section {
    transform: rotate(calc((17.29412deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-1 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-2 .clip-section {
    transform: rotate(calc((17.29412deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-2 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-3 .clip-section {
    transform: rotate(calc((17.29412deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-3 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-4 .clip-section {
    transform: rotate(calc((17.29412deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-4 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-5 .clip-section {
    transform: rotate(calc((17.29412deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-5 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-6 .clip-section {
    transform: rotate(calc((17.29412deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-6 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-7 .clip-section {
    transform: rotate(calc((17.29412deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-7 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-8 .clip-section {
    transform: rotate(calc((17.29412deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-8 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-9 .clip-section {
    transform: rotate(calc((17.29412deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-9 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-10 .clip-section {
    transform: rotate(calc((17.29412deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-10 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-11 .clip-section {
    transform: rotate(calc((17.29412deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-11 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-12 .clip-section {
    transform: rotate(calc((17.29412deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-12 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-13 .clip-section {
    transform: rotate(calc((17.29412deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-13 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-14 .clip-section {
    transform: rotate(calc((17.29412deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-14 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-15 .clip-section {
    transform: rotate(calc((17.29412deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-15 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-16 .clip-section {
    transform: rotate(calc((17.29412deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-16 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-17 .clip-section {
    transform: rotate(calc((17.29412deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-17 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-0 .clip-section {
    transform: rotate(calc((16.33333deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-0 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-18.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-18.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-1 .clip-section {
    transform: rotate(calc((16.33333deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-1 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-2 .clip-section {
    transform: rotate(calc((16.33333deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-2 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-3 .clip-section {
    transform: rotate(calc((16.33333deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-3 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-4 .clip-section {
    transform: rotate(calc((16.33333deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-4 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-5 .clip-section {
    transform: rotate(calc((16.33333deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-5 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-6 .clip-section {
    transform: rotate(calc((16.33333deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-6 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-7 .clip-section {
    transform: rotate(calc((16.33333deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-7 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-8 .clip-section {
    transform: rotate(calc((16.33333deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-8 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-9 .clip-section {
    transform: rotate(calc((16.33333deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-9 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-10 .clip-section {
    transform: rotate(calc((16.33333deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-10 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-11 .clip-section {
    transform: rotate(calc((16.33333deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-11 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-12 .clip-section {
    transform: rotate(calc((16.33333deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-12 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-13 .clip-section {
    transform: rotate(calc((16.33333deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-13 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-14 .clip-section {
    transform: rotate(calc((16.33333deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-14 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-15 .clip-section {
    transform: rotate(calc((16.33333deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-15 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-16 .clip-section {
    transform: rotate(calc((16.33333deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-16 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-17 .clip-section {
    transform: rotate(calc((16.33333deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-17 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-18 .clip-section {
    transform: rotate(calc((16.33333deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-18 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-0 .clip-section {
    transform: rotate(calc((15.47368deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-0 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-19.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-19.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-1 .clip-section {
    transform: rotate(calc((15.47368deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-1 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-2 .clip-section {
    transform: rotate(calc((15.47368deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-2 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-3 .clip-section {
    transform: rotate(calc((15.47368deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-3 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-4 .clip-section {
    transform: rotate(calc((15.47368deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-4 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-5 .clip-section {
    transform: rotate(calc((15.47368deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-5 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-6 .clip-section {
    transform: rotate(calc((15.47368deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-6 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-7 .clip-section {
    transform: rotate(calc((15.47368deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-7 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-8 .clip-section {
    transform: rotate(calc((15.47368deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-8 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-9 .clip-section {
    transform: rotate(calc((15.47368deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-9 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-10 .clip-section {
    transform: rotate(calc((15.47368deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-10 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-11 .clip-section {
    transform: rotate(calc((15.47368deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-11 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-12 .clip-section {
    transform: rotate(calc((15.47368deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-12 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-13 .clip-section {
    transform: rotate(calc((15.47368deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-13 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-14 .clip-section {
    transform: rotate(calc((15.47368deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-14 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-15 .clip-section {
    transform: rotate(calc((15.47368deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-15 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-16 .clip-section {
    transform: rotate(calc((15.47368deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-16 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-17 .clip-section {
    transform: rotate(calc((15.47368deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-17 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-18 .clip-section {
    transform: rotate(calc((15.47368deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-18 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-19 .clip-section {
    transform: rotate(calc((15.47368deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-19 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-0 .clip-section {
    transform: rotate(calc((14.7deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-0 .progress-point {
    transform: rotate(calc(calc((14.7deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-20.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-20.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-1 .clip-section {
    transform: rotate(calc((14.7deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-1 .progress-point {
    transform: rotate(calc(calc((14.7deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-2 .clip-section {
    transform: rotate(calc((14.7deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-2 .progress-point {
    transform: rotate(calc(calc((14.7deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-3 .clip-section {
    transform: rotate(calc((14.7deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-3 .progress-point {
    transform: rotate(calc(calc((14.7deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-4 .clip-section {
    transform: rotate(calc((14.7deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-4 .progress-point {
    transform: rotate(calc(calc((14.7deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-5 .clip-section {
    transform: rotate(calc((14.7deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-5 .progress-point {
    transform: rotate(calc(calc((14.7deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-6 .clip-section {
    transform: rotate(calc((14.7deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-6 .progress-point {
    transform: rotate(calc(calc((14.7deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-7 .clip-section {
    transform: rotate(calc((14.7deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-7 .progress-point {
    transform: rotate(calc(calc((14.7deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-8 .clip-section {
    transform: rotate(calc((14.7deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-8 .progress-point {
    transform: rotate(calc(calc((14.7deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-9 .clip-section {
    transform: rotate(calc((14.7deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-9 .progress-point {
    transform: rotate(calc(calc((14.7deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-10 .clip-section {
    transform: rotate(calc((14.7deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-10 .progress-point {
    transform: rotate(calc(calc((14.7deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-11 .clip-section {
    transform: rotate(calc((14.7deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-11 .progress-point {
    transform: rotate(calc(calc((14.7deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-12 .clip-section {
    transform: rotate(calc((14.7deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-12 .progress-point {
    transform: rotate(calc(calc((14.7deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-13 .clip-section {
    transform: rotate(calc((14.7deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-13 .progress-point {
    transform: rotate(calc(calc((14.7deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-14 .clip-section {
    transform: rotate(calc((14.7deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-14 .progress-point {
    transform: rotate(calc(calc((14.7deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-15 .clip-section {
    transform: rotate(calc((14.7deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-15 .progress-point {
    transform: rotate(calc(calc((14.7deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-16 .clip-section {
    transform: rotate(calc((14.7deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-16 .progress-point {
    transform: rotate(calc(calc((14.7deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-17 .clip-section {
    transform: rotate(calc((14.7deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-17 .progress-point {
    transform: rotate(calc(calc((14.7deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-18 .clip-section {
    transform: rotate(calc((14.7deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-18 .progress-point {
    transform: rotate(calc(calc((14.7deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-19 .clip-section {
    transform: rotate(calc((14.7deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-19 .progress-point {
    transform: rotate(calc(calc((14.7deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-20 .clip-section {
    transform: rotate(calc((14.7deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-20 .progress-point {
    transform: rotate(calc(calc((14.7deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-0 .clip-section {
    transform: rotate(calc((14deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-0 .progress-point {
    transform: rotate(calc(calc((14deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-21.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-21.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-1 .clip-section {
    transform: rotate(calc((14deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-1 .progress-point {
    transform: rotate(calc(calc((14deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-2 .clip-section {
    transform: rotate(calc((14deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-2 .progress-point {
    transform: rotate(calc(calc((14deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-3 .clip-section {
    transform: rotate(calc((14deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-3 .progress-point {
    transform: rotate(calc(calc((14deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-4 .clip-section {
    transform: rotate(calc((14deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-4 .progress-point {
    transform: rotate(calc(calc((14deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-5 .clip-section {
    transform: rotate(calc((14deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-5 .progress-point {
    transform: rotate(calc(calc((14deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-6 .clip-section {
    transform: rotate(calc((14deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-6 .progress-point {
    transform: rotate(calc(calc((14deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-7 .clip-section {
    transform: rotate(calc((14deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-7 .progress-point {
    transform: rotate(calc(calc((14deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-8 .clip-section {
    transform: rotate(calc((14deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-8 .progress-point {
    transform: rotate(calc(calc((14deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-9 .clip-section {
    transform: rotate(calc((14deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-9 .progress-point {
    transform: rotate(calc(calc((14deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-10 .clip-section {
    transform: rotate(calc((14deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-10 .progress-point {
    transform: rotate(calc(calc((14deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-11 .clip-section {
    transform: rotate(calc((14deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-11 .progress-point {
    transform: rotate(calc(calc((14deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-12 .clip-section {
    transform: rotate(calc((14deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-12 .progress-point {
    transform: rotate(calc(calc((14deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-13 .clip-section {
    transform: rotate(calc((14deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-13 .progress-point {
    transform: rotate(calc(calc((14deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-14 .clip-section {
    transform: rotate(calc((14deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-14 .progress-point {
    transform: rotate(calc(calc((14deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-15 .clip-section {
    transform: rotate(calc((14deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-15 .progress-point {
    transform: rotate(calc(calc((14deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-16 .clip-section {
    transform: rotate(calc((14deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-16 .progress-point {
    transform: rotate(calc(calc((14deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-17 .clip-section {
    transform: rotate(calc((14deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-17 .progress-point {
    transform: rotate(calc(calc((14deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-18 .clip-section {
    transform: rotate(calc((14deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-18 .progress-point {
    transform: rotate(calc(calc((14deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-19 .clip-section {
    transform: rotate(calc((14deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-19 .progress-point {
    transform: rotate(calc(calc((14deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-20 .clip-section {
    transform: rotate(calc((14deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-20 .progress-point {
    transform: rotate(calc(calc((14deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-21 .clip-section {
    transform: rotate(calc((14deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-21 .progress-point {
    transform: rotate(calc(calc((14deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-0 .clip-section {
    transform: rotate(calc((13.36364deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-0 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-22.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-22.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-1 .clip-section {
    transform: rotate(calc((13.36364deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-1 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-2 .clip-section {
    transform: rotate(calc((13.36364deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-2 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-3 .clip-section {
    transform: rotate(calc((13.36364deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-3 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-4 .clip-section {
    transform: rotate(calc((13.36364deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-4 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-5 .clip-section {
    transform: rotate(calc((13.36364deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-5 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-6 .clip-section {
    transform: rotate(calc((13.36364deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-6 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-7 .clip-section {
    transform: rotate(calc((13.36364deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-7 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-8 .clip-section {
    transform: rotate(calc((13.36364deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-8 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-9 .clip-section {
    transform: rotate(calc((13.36364deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-9 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-10 .clip-section {
    transform: rotate(calc((13.36364deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-10 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-11 .clip-section {
    transform: rotate(calc((13.36364deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-11 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-12 .clip-section {
    transform: rotate(calc((13.36364deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-12 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-13 .clip-section {
    transform: rotate(calc((13.36364deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-13 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-14 .clip-section {
    transform: rotate(calc((13.36364deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-14 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-15 .clip-section {
    transform: rotate(calc((13.36364deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-15 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-16 .clip-section {
    transform: rotate(calc((13.36364deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-16 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-17 .clip-section {
    transform: rotate(calc((13.36364deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-17 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-18 .clip-section {
    transform: rotate(calc((13.36364deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-18 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-19 .clip-section {
    transform: rotate(calc((13.36364deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-19 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-20 .clip-section {
    transform: rotate(calc((13.36364deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-20 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-21 .clip-section {
    transform: rotate(calc((13.36364deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-21 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-22 .clip-section {
    transform: rotate(calc((13.36364deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-22 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-0 .clip-section {
    transform: rotate(calc((12.78261deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-0 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-23.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-23.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-1 .clip-section {
    transform: rotate(calc((12.78261deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-1 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-2 .clip-section {
    transform: rotate(calc((12.78261deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-2 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-3 .clip-section {
    transform: rotate(calc((12.78261deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-3 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-4 .clip-section {
    transform: rotate(calc((12.78261deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-4 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-5 .clip-section {
    transform: rotate(calc((12.78261deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-5 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-6 .clip-section {
    transform: rotate(calc((12.78261deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-6 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-7 .clip-section {
    transform: rotate(calc((12.78261deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-7 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-8 .clip-section {
    transform: rotate(calc((12.78261deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-8 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-9 .clip-section {
    transform: rotate(calc((12.78261deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-9 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-10 .clip-section {
    transform: rotate(calc((12.78261deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-10 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-11 .clip-section {
    transform: rotate(calc((12.78261deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-11 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-12 .clip-section {
    transform: rotate(calc((12.78261deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-12 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-13 .clip-section {
    transform: rotate(calc((12.78261deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-13 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-14 .clip-section {
    transform: rotate(calc((12.78261deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-14 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-15 .clip-section {
    transform: rotate(calc((12.78261deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-15 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-16 .clip-section {
    transform: rotate(calc((12.78261deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-16 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-17 .clip-section {
    transform: rotate(calc((12.78261deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-17 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-18 .clip-section {
    transform: rotate(calc((12.78261deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-18 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-19 .clip-section {
    transform: rotate(calc((12.78261deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-19 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-20 .clip-section {
    transform: rotate(calc((12.78261deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-20 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-21 .clip-section {
    transform: rotate(calc((12.78261deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-21 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-22 .clip-section {
    transform: rotate(calc((12.78261deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-22 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-23 .clip-section {
    transform: rotate(calc((12.78261deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-23 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-0 .clip-section {
    transform: rotate(calc((12.25deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-0 .progress-point {
    transform: rotate(calc(calc((12.25deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-24.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-24.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-1 .clip-section {
    transform: rotate(calc((12.25deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-1 .progress-point {
    transform: rotate(calc(calc((12.25deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-2 .clip-section {
    transform: rotate(calc((12.25deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-2 .progress-point {
    transform: rotate(calc(calc((12.25deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-3 .clip-section {
    transform: rotate(calc((12.25deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-3 .progress-point {
    transform: rotate(calc(calc((12.25deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-4 .clip-section {
    transform: rotate(calc((12.25deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-4 .progress-point {
    transform: rotate(calc(calc((12.25deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-5 .clip-section {
    transform: rotate(calc((12.25deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-5 .progress-point {
    transform: rotate(calc(calc((12.25deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-6 .clip-section {
    transform: rotate(calc((12.25deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-6 .progress-point {
    transform: rotate(calc(calc((12.25deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-7 .clip-section {
    transform: rotate(calc((12.25deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-7 .progress-point {
    transform: rotate(calc(calc((12.25deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-8 .clip-section {
    transform: rotate(calc((12.25deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-8 .progress-point {
    transform: rotate(calc(calc((12.25deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-9 .clip-section {
    transform: rotate(calc((12.25deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-9 .progress-point {
    transform: rotate(calc(calc((12.25deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-10 .clip-section {
    transform: rotate(calc((12.25deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-10 .progress-point {
    transform: rotate(calc(calc((12.25deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-11 .clip-section {
    transform: rotate(calc((12.25deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-11 .progress-point {
    transform: rotate(calc(calc((12.25deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-12 .clip-section {
    transform: rotate(calc((12.25deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-12 .progress-point {
    transform: rotate(calc(calc((12.25deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-13 .clip-section {
    transform: rotate(calc((12.25deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-13 .progress-point {
    transform: rotate(calc(calc((12.25deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-14 .clip-section {
    transform: rotate(calc((12.25deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-14 .progress-point {
    transform: rotate(calc(calc((12.25deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-15 .clip-section {
    transform: rotate(calc((12.25deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-15 .progress-point {
    transform: rotate(calc(calc((12.25deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-16 .clip-section {
    transform: rotate(calc((12.25deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-16 .progress-point {
    transform: rotate(calc(calc((12.25deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-17 .clip-section {
    transform: rotate(calc((12.25deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-17 .progress-point {
    transform: rotate(calc(calc((12.25deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-18 .clip-section {
    transform: rotate(calc((12.25deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-18 .progress-point {
    transform: rotate(calc(calc((12.25deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-19 .clip-section {
    transform: rotate(calc((12.25deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-19 .progress-point {
    transform: rotate(calc(calc((12.25deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-20 .clip-section {
    transform: rotate(calc((12.25deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-20 .progress-point {
    transform: rotate(calc(calc((12.25deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-21 .clip-section {
    transform: rotate(calc((12.25deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-21 .progress-point {
    transform: rotate(calc(calc((12.25deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-22 .clip-section {
    transform: rotate(calc((12.25deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-22 .progress-point {
    transform: rotate(calc(calc((12.25deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-23 .clip-section {
    transform: rotate(calc((12.25deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-23 .progress-point {
    transform: rotate(calc(calc((12.25deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-24 .clip-section {
    transform: rotate(calc((12.25deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-24 .progress-point {
    transform: rotate(calc(calc((12.25deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-0 .clip-section {
    transform: rotate(calc((11.76deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-0 .progress-point {
    transform: rotate(calc(calc((11.76deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-25.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-25.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-1 .clip-section {
    transform: rotate(calc((11.76deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-1 .progress-point {
    transform: rotate(calc(calc((11.76deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-2 .clip-section {
    transform: rotate(calc((11.76deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-2 .progress-point {
    transform: rotate(calc(calc((11.76deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-3 .clip-section {
    transform: rotate(calc((11.76deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-3 .progress-point {
    transform: rotate(calc(calc((11.76deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-4 .clip-section {
    transform: rotate(calc((11.76deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-4 .progress-point {
    transform: rotate(calc(calc((11.76deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-5 .clip-section {
    transform: rotate(calc((11.76deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-5 .progress-point {
    transform: rotate(calc(calc((11.76deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-6 .clip-section {
    transform: rotate(calc((11.76deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-6 .progress-point {
    transform: rotate(calc(calc((11.76deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-7 .clip-section {
    transform: rotate(calc((11.76deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-7 .progress-point {
    transform: rotate(calc(calc((11.76deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-8 .clip-section {
    transform: rotate(calc((11.76deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-8 .progress-point {
    transform: rotate(calc(calc((11.76deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-9 .clip-section {
    transform: rotate(calc((11.76deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-9 .progress-point {
    transform: rotate(calc(calc((11.76deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-10 .clip-section {
    transform: rotate(calc((11.76deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-10 .progress-point {
    transform: rotate(calc(calc((11.76deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-11 .clip-section {
    transform: rotate(calc((11.76deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-11 .progress-point {
    transform: rotate(calc(calc((11.76deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-12 .clip-section {
    transform: rotate(calc((11.76deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-12 .progress-point {
    transform: rotate(calc(calc((11.76deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-13 .clip-section {
    transform: rotate(calc((11.76deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-13 .progress-point {
    transform: rotate(calc(calc((11.76deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-14 .clip-section {
    transform: rotate(calc((11.76deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-14 .progress-point {
    transform: rotate(calc(calc((11.76deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-15 .clip-section {
    transform: rotate(calc((11.76deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-15 .progress-point {
    transform: rotate(calc(calc((11.76deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-16 .clip-section {
    transform: rotate(calc((11.76deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-16 .progress-point {
    transform: rotate(calc(calc((11.76deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-17 .clip-section {
    transform: rotate(calc((11.76deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-17 .progress-point {
    transform: rotate(calc(calc((11.76deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-18 .clip-section {
    transform: rotate(calc((11.76deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-18 .progress-point {
    transform: rotate(calc(calc((11.76deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-19 .clip-section {
    transform: rotate(calc((11.76deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-19 .progress-point {
    transform: rotate(calc(calc((11.76deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-20 .clip-section {
    transform: rotate(calc((11.76deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-20 .progress-point {
    transform: rotate(calc(calc((11.76deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-21 .clip-section {
    transform: rotate(calc((11.76deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-21 .progress-point {
    transform: rotate(calc(calc((11.76deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-22 .clip-section {
    transform: rotate(calc((11.76deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-22 .progress-point {
    transform: rotate(calc(calc((11.76deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-23 .clip-section {
    transform: rotate(calc((11.76deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-23 .progress-point {
    transform: rotate(calc(calc((11.76deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-24 .clip-section {
    transform: rotate(calc((11.76deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-24 .progress-point {
    transform: rotate(calc(calc((11.76deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-25 .clip-section {
    transform: rotate(calc((11.76deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-25 .progress-point {
    transform: rotate(calc(calc((11.76deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-0 .clip-section {
    transform: rotate(calc((11.30769deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-0 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-26.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-26.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-1 .clip-section {
    transform: rotate(calc((11.30769deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-1 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-2 .clip-section {
    transform: rotate(calc((11.30769deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-2 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-3 .clip-section {
    transform: rotate(calc((11.30769deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-3 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-4 .clip-section {
    transform: rotate(calc((11.30769deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-4 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-5 .clip-section {
    transform: rotate(calc((11.30769deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-5 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-6 .clip-section {
    transform: rotate(calc((11.30769deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-6 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-7 .clip-section {
    transform: rotate(calc((11.30769deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-7 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-8 .clip-section {
    transform: rotate(calc((11.30769deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-8 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-9 .clip-section {
    transform: rotate(calc((11.30769deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-9 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-10 .clip-section {
    transform: rotate(calc((11.30769deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-10 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-11 .clip-section {
    transform: rotate(calc((11.30769deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-11 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-12 .clip-section {
    transform: rotate(calc((11.30769deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-12 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-13 .clip-section {
    transform: rotate(calc((11.30769deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-13 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-14 .clip-section {
    transform: rotate(calc((11.30769deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-14 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-15 .clip-section {
    transform: rotate(calc((11.30769deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-15 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-16 .clip-section {
    transform: rotate(calc((11.30769deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-16 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-17 .clip-section {
    transform: rotate(calc((11.30769deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-17 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-18 .clip-section {
    transform: rotate(calc((11.30769deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-18 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-19 .clip-section {
    transform: rotate(calc((11.30769deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-19 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-20 .clip-section {
    transform: rotate(calc((11.30769deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-20 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-21 .clip-section {
    transform: rotate(calc((11.30769deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-21 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-22 .clip-section {
    transform: rotate(calc((11.30769deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-22 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-23 .clip-section {
    transform: rotate(calc((11.30769deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-23 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-24 .clip-section {
    transform: rotate(calc((11.30769deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-24 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-25 .clip-section {
    transform: rotate(calc((11.30769deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-25 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-26 .clip-section {
    transform: rotate(calc((11.30769deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-26 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-0 .clip-section {
    transform: rotate(calc((10.88889deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-0 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-27.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-27.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-1 .clip-section {
    transform: rotate(calc((10.88889deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-1 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-2 .clip-section {
    transform: rotate(calc((10.88889deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-2 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-3 .clip-section {
    transform: rotate(calc((10.88889deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-3 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-4 .clip-section {
    transform: rotate(calc((10.88889deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-4 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-5 .clip-section {
    transform: rotate(calc((10.88889deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-5 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-6 .clip-section {
    transform: rotate(calc((10.88889deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-6 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-7 .clip-section {
    transform: rotate(calc((10.88889deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-7 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-8 .clip-section {
    transform: rotate(calc((10.88889deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-8 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-9 .clip-section {
    transform: rotate(calc((10.88889deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-9 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-10 .clip-section {
    transform: rotate(calc((10.88889deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-10 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-11 .clip-section {
    transform: rotate(calc((10.88889deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-11 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-12 .clip-section {
    transform: rotate(calc((10.88889deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-12 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-13 .clip-section {
    transform: rotate(calc((10.88889deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-13 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-14 .clip-section {
    transform: rotate(calc((10.88889deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-14 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-15 .clip-section {
    transform: rotate(calc((10.88889deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-15 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-16 .clip-section {
    transform: rotate(calc((10.88889deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-16 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-17 .clip-section {
    transform: rotate(calc((10.88889deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-17 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-18 .clip-section {
    transform: rotate(calc((10.88889deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-18 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-19 .clip-section {
    transform: rotate(calc((10.88889deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-19 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-20 .clip-section {
    transform: rotate(calc((10.88889deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-20 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-21 .clip-section {
    transform: rotate(calc((10.88889deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-21 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-22 .clip-section {
    transform: rotate(calc((10.88889deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-22 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-23 .clip-section {
    transform: rotate(calc((10.88889deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-23 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-24 .clip-section {
    transform: rotate(calc((10.88889deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-24 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-25 .clip-section {
    transform: rotate(calc((10.88889deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-25 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-26 .clip-section {
    transform: rotate(calc((10.88889deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-26 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-27 .clip-section {
    transform: rotate(calc((10.88889deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-27 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-0 .clip-section {
    transform: rotate(calc((10.5deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-0 .progress-point {
    transform: rotate(calc(calc((10.5deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-28.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-28.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-1 .clip-section {
    transform: rotate(calc((10.5deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-1 .progress-point {
    transform: rotate(calc(calc((10.5deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-2 .clip-section {
    transform: rotate(calc((10.5deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-2 .progress-point {
    transform: rotate(calc(calc((10.5deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-3 .clip-section {
    transform: rotate(calc((10.5deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-3 .progress-point {
    transform: rotate(calc(calc((10.5deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-4 .clip-section {
    transform: rotate(calc((10.5deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-4 .progress-point {
    transform: rotate(calc(calc((10.5deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-5 .clip-section {
    transform: rotate(calc((10.5deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-5 .progress-point {
    transform: rotate(calc(calc((10.5deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-6 .clip-section {
    transform: rotate(calc((10.5deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-6 .progress-point {
    transform: rotate(calc(calc((10.5deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-7 .clip-section {
    transform: rotate(calc((10.5deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-7 .progress-point {
    transform: rotate(calc(calc((10.5deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-8 .clip-section {
    transform: rotate(calc((10.5deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-8 .progress-point {
    transform: rotate(calc(calc((10.5deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-9 .clip-section {
    transform: rotate(calc((10.5deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-9 .progress-point {
    transform: rotate(calc(calc((10.5deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-10 .clip-section {
    transform: rotate(calc((10.5deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-10 .progress-point {
    transform: rotate(calc(calc((10.5deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-11 .clip-section {
    transform: rotate(calc((10.5deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-11 .progress-point {
    transform: rotate(calc(calc((10.5deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-12 .clip-section {
    transform: rotate(calc((10.5deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-12 .progress-point {
    transform: rotate(calc(calc((10.5deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-13 .clip-section {
    transform: rotate(calc((10.5deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-13 .progress-point {
    transform: rotate(calc(calc((10.5deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-14 .clip-section {
    transform: rotate(calc((10.5deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-14 .progress-point {
    transform: rotate(calc(calc((10.5deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-15 .clip-section {
    transform: rotate(calc((10.5deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-15 .progress-point {
    transform: rotate(calc(calc((10.5deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-16 .clip-section {
    transform: rotate(calc((10.5deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-16 .progress-point {
    transform: rotate(calc(calc((10.5deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-17 .clip-section {
    transform: rotate(calc((10.5deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-17 .progress-point {
    transform: rotate(calc(calc((10.5deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-18 .clip-section {
    transform: rotate(calc((10.5deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-18 .progress-point {
    transform: rotate(calc(calc((10.5deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-19 .clip-section {
    transform: rotate(calc((10.5deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-19 .progress-point {
    transform: rotate(calc(calc((10.5deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-20 .clip-section {
    transform: rotate(calc((10.5deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-20 .progress-point {
    transform: rotate(calc(calc((10.5deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-21 .clip-section {
    transform: rotate(calc((10.5deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-21 .progress-point {
    transform: rotate(calc(calc((10.5deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-22 .clip-section {
    transform: rotate(calc((10.5deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-22 .progress-point {
    transform: rotate(calc(calc((10.5deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-23 .clip-section {
    transform: rotate(calc((10.5deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-23 .progress-point {
    transform: rotate(calc(calc((10.5deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-24 .clip-section {
    transform: rotate(calc((10.5deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-24 .progress-point {
    transform: rotate(calc(calc((10.5deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-25 .clip-section {
    transform: rotate(calc((10.5deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-25 .progress-point {
    transform: rotate(calc(calc((10.5deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-26 .clip-section {
    transform: rotate(calc((10.5deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-26 .progress-point {
    transform: rotate(calc(calc((10.5deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-27 .clip-section {
    transform: rotate(calc((10.5deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-27 .progress-point {
    transform: rotate(calc(calc((10.5deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-28 .clip-section {
    transform: rotate(calc((10.5deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-28 .progress-point {
    transform: rotate(calc(calc((10.5deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-0 .clip-section {
    transform: rotate(calc((10.13793deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-0 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-29.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-29.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-1 .clip-section {
    transform: rotate(calc((10.13793deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-1 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-2 .clip-section {
    transform: rotate(calc((10.13793deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-2 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-3 .clip-section {
    transform: rotate(calc((10.13793deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-3 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-4 .clip-section {
    transform: rotate(calc((10.13793deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-4 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-5 .clip-section {
    transform: rotate(calc((10.13793deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-5 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-6 .clip-section {
    transform: rotate(calc((10.13793deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-6 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-7 .clip-section {
    transform: rotate(calc((10.13793deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-7 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-8 .clip-section {
    transform: rotate(calc((10.13793deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-8 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-9 .clip-section {
    transform: rotate(calc((10.13793deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-9 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-10 .clip-section {
    transform: rotate(calc((10.13793deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-10 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-11 .clip-section {
    transform: rotate(calc((10.13793deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-11 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-12 .clip-section {
    transform: rotate(calc((10.13793deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-12 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-13 .clip-section {
    transform: rotate(calc((10.13793deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-13 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-14 .clip-section {
    transform: rotate(calc((10.13793deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-14 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-15 .clip-section {
    transform: rotate(calc((10.13793deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-15 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-16 .clip-section {
    transform: rotate(calc((10.13793deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-16 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-17 .clip-section {
    transform: rotate(calc((10.13793deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-17 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-18 .clip-section {
    transform: rotate(calc((10.13793deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-18 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-19 .clip-section {
    transform: rotate(calc((10.13793deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-19 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-20 .clip-section {
    transform: rotate(calc((10.13793deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-20 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-21 .clip-section {
    transform: rotate(calc((10.13793deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-21 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-22 .clip-section {
    transform: rotate(calc((10.13793deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-22 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-23 .clip-section {
    transform: rotate(calc((10.13793deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-23 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-24 .clip-section {
    transform: rotate(calc((10.13793deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-24 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-25 .clip-section {
    transform: rotate(calc((10.13793deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-25 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-26 .clip-section {
    transform: rotate(calc((10.13793deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-26 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-27 .clip-section {
    transform: rotate(calc((10.13793deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-27 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-28 .clip-section {
    transform: rotate(calc((10.13793deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-28 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-29 .clip-section {
    transform: rotate(calc((10.13793deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-29 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-0 .clip-section {
    transform: rotate(calc((9.8deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-0 .progress-point {
    transform: rotate(calc(calc((9.8deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-30.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-30.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-1 .clip-section {
    transform: rotate(calc((9.8deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-1 .progress-point {
    transform: rotate(calc(calc((9.8deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-2 .clip-section {
    transform: rotate(calc((9.8deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-2 .progress-point {
    transform: rotate(calc(calc((9.8deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-3 .clip-section {
    transform: rotate(calc((9.8deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-3 .progress-point {
    transform: rotate(calc(calc((9.8deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-4 .clip-section {
    transform: rotate(calc((9.8deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-4 .progress-point {
    transform: rotate(calc(calc((9.8deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-5 .clip-section {
    transform: rotate(calc((9.8deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-5 .progress-point {
    transform: rotate(calc(calc((9.8deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-6 .clip-section {
    transform: rotate(calc((9.8deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-6 .progress-point {
    transform: rotate(calc(calc((9.8deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-7 .clip-section {
    transform: rotate(calc((9.8deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-7 .progress-point {
    transform: rotate(calc(calc((9.8deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-8 .clip-section {
    transform: rotate(calc((9.8deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-8 .progress-point {
    transform: rotate(calc(calc((9.8deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-9 .clip-section {
    transform: rotate(calc((9.8deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-9 .progress-point {
    transform: rotate(calc(calc((9.8deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-10 .clip-section {
    transform: rotate(calc((9.8deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-10 .progress-point {
    transform: rotate(calc(calc((9.8deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-11 .clip-section {
    transform: rotate(calc((9.8deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-11 .progress-point {
    transform: rotate(calc(calc((9.8deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-12 .clip-section {
    transform: rotate(calc((9.8deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-12 .progress-point {
    transform: rotate(calc(calc((9.8deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-13 .clip-section {
    transform: rotate(calc((9.8deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-13 .progress-point {
    transform: rotate(calc(calc((9.8deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-14 .clip-section {
    transform: rotate(calc((9.8deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-14 .progress-point {
    transform: rotate(calc(calc((9.8deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-15 .clip-section {
    transform: rotate(calc((9.8deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-15 .progress-point {
    transform: rotate(calc(calc((9.8deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-16 .clip-section {
    transform: rotate(calc((9.8deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-16 .progress-point {
    transform: rotate(calc(calc((9.8deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-17 .clip-section {
    transform: rotate(calc((9.8deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-17 .progress-point {
    transform: rotate(calc(calc((9.8deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-18 .clip-section {
    transform: rotate(calc((9.8deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-18 .progress-point {
    transform: rotate(calc(calc((9.8deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-19 .clip-section {
    transform: rotate(calc((9.8deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-19 .progress-point {
    transform: rotate(calc(calc((9.8deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-20 .clip-section {
    transform: rotate(calc((9.8deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-20 .progress-point {
    transform: rotate(calc(calc((9.8deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-21 .clip-section {
    transform: rotate(calc((9.8deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-21 .progress-point {
    transform: rotate(calc(calc((9.8deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-22 .clip-section {
    transform: rotate(calc((9.8deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-22 .progress-point {
    transform: rotate(calc(calc((9.8deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-23 .clip-section {
    transform: rotate(calc((9.8deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-23 .progress-point {
    transform: rotate(calc(calc((9.8deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-24 .clip-section {
    transform: rotate(calc((9.8deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-24 .progress-point {
    transform: rotate(calc(calc((9.8deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-25 .clip-section {
    transform: rotate(calc((9.8deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-25 .progress-point {
    transform: rotate(calc(calc((9.8deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-26 .clip-section {
    transform: rotate(calc((9.8deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-26 .progress-point {
    transform: rotate(calc(calc((9.8deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-27 .clip-section {
    transform: rotate(calc((9.8deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-27 .progress-point {
    transform: rotate(calc(calc((9.8deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-28 .clip-section {
    transform: rotate(calc((9.8deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-28 .progress-point {
    transform: rotate(calc(calc((9.8deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-29 .clip-section {
    transform: rotate(calc((9.8deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-29 .progress-point {
    transform: rotate(calc(calc((9.8deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-30 .clip-section {
    transform: rotate(calc((9.8deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-30 .progress-point {
    transform: rotate(calc(calc((9.8deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-0 .clip-section {
    transform: rotate(calc((9.48387deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-0 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-31.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-31.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-1 .clip-section {
    transform: rotate(calc((9.48387deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-1 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-2 .clip-section {
    transform: rotate(calc((9.48387deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-2 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-3 .clip-section {
    transform: rotate(calc((9.48387deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-3 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-4 .clip-section {
    transform: rotate(calc((9.48387deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-4 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-5 .clip-section {
    transform: rotate(calc((9.48387deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-5 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-6 .clip-section {
    transform: rotate(calc((9.48387deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-6 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-7 .clip-section {
    transform: rotate(calc((9.48387deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-7 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-8 .clip-section {
    transform: rotate(calc((9.48387deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-8 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-9 .clip-section {
    transform: rotate(calc((9.48387deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-9 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-10 .clip-section {
    transform: rotate(calc((9.48387deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-10 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-11 .clip-section {
    transform: rotate(calc((9.48387deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-11 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-12 .clip-section {
    transform: rotate(calc((9.48387deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-12 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-13 .clip-section {
    transform: rotate(calc((9.48387deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-13 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-14 .clip-section {
    transform: rotate(calc((9.48387deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-14 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-15 .clip-section {
    transform: rotate(calc((9.48387deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-15 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-16 .clip-section {
    transform: rotate(calc((9.48387deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-16 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-17 .clip-section {
    transform: rotate(calc((9.48387deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-17 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-18 .clip-section {
    transform: rotate(calc((9.48387deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-18 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-19 .clip-section {
    transform: rotate(calc((9.48387deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-19 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-20 .clip-section {
    transform: rotate(calc((9.48387deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-20 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-21 .clip-section {
    transform: rotate(calc((9.48387deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-21 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-22 .clip-section {
    transform: rotate(calc((9.48387deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-22 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-23 .clip-section {
    transform: rotate(calc((9.48387deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-23 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-24 .clip-section {
    transform: rotate(calc((9.48387deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-24 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-25 .clip-section {
    transform: rotate(calc((9.48387deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-25 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-26 .clip-section {
    transform: rotate(calc((9.48387deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-26 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-27 .clip-section {
    transform: rotate(calc((9.48387deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-27 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-28 .clip-section {
    transform: rotate(calc((9.48387deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-28 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-29 .clip-section {
    transform: rotate(calc((9.48387deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-29 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-30 .clip-section {
    transform: rotate(calc((9.48387deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-30 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-31 .clip-section {
    transform: rotate(calc((9.48387deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-31 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-0 .clip-section {
    transform: rotate(calc((9.1875deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-0 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-32.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-32.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-1 .clip-section {
    transform: rotate(calc((9.1875deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-1 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-2 .clip-section {
    transform: rotate(calc((9.1875deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-2 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-3 .clip-section {
    transform: rotate(calc((9.1875deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-3 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-4 .clip-section {
    transform: rotate(calc((9.1875deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-4 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-5 .clip-section {
    transform: rotate(calc((9.1875deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-5 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-6 .clip-section {
    transform: rotate(calc((9.1875deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-6 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-7 .clip-section {
    transform: rotate(calc((9.1875deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-7 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-8 .clip-section {
    transform: rotate(calc((9.1875deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-8 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-9 .clip-section {
    transform: rotate(calc((9.1875deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-9 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-10 .clip-section {
    transform: rotate(calc((9.1875deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-10 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-11 .clip-section {
    transform: rotate(calc((9.1875deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-11 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-12 .clip-section {
    transform: rotate(calc((9.1875deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-12 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-13 .clip-section {
    transform: rotate(calc((9.1875deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-13 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-14 .clip-section {
    transform: rotate(calc((9.1875deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-14 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-15 .clip-section {
    transform: rotate(calc((9.1875deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-15 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-16 .clip-section {
    transform: rotate(calc((9.1875deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-16 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-17 .clip-section {
    transform: rotate(calc((9.1875deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-17 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-18 .clip-section {
    transform: rotate(calc((9.1875deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-18 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-19 .clip-section {
    transform: rotate(calc((9.1875deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-19 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-20 .clip-section {
    transform: rotate(calc((9.1875deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-20 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-21 .clip-section {
    transform: rotate(calc((9.1875deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-21 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-22 .clip-section {
    transform: rotate(calc((9.1875deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-22 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-23 .clip-section {
    transform: rotate(calc((9.1875deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-23 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-24 .clip-section {
    transform: rotate(calc((9.1875deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-24 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-25 .clip-section {
    transform: rotate(calc((9.1875deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-25 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-26 .clip-section {
    transform: rotate(calc((9.1875deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-26 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-27 .clip-section {
    transform: rotate(calc((9.1875deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-27 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-28 .clip-section {
    transform: rotate(calc((9.1875deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-28 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-29 .clip-section {
    transform: rotate(calc((9.1875deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-29 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-30 .clip-section {
    transform: rotate(calc((9.1875deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-30 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-31 .clip-section {
    transform: rotate(calc((9.1875deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-31 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-32 .clip-section {
    transform: rotate(calc((9.1875deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-32 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-0 .clip-section {
    transform: rotate(calc((8.90909deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-0 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-33.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-33.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-1 .clip-section {
    transform: rotate(calc((8.90909deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-1 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-2 .clip-section {
    transform: rotate(calc((8.90909deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-2 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-3 .clip-section {
    transform: rotate(calc((8.90909deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-3 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-4 .clip-section {
    transform: rotate(calc((8.90909deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-4 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-5 .clip-section {
    transform: rotate(calc((8.90909deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-5 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-6 .clip-section {
    transform: rotate(calc((8.90909deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-6 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-7 .clip-section {
    transform: rotate(calc((8.90909deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-7 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-8 .clip-section {
    transform: rotate(calc((8.90909deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-8 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-9 .clip-section {
    transform: rotate(calc((8.90909deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-9 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-10 .clip-section {
    transform: rotate(calc((8.90909deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-10 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-11 .clip-section {
    transform: rotate(calc((8.90909deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-11 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-12 .clip-section {
    transform: rotate(calc((8.90909deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-12 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-13 .clip-section {
    transform: rotate(calc((8.90909deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-13 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-14 .clip-section {
    transform: rotate(calc((8.90909deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-14 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-15 .clip-section {
    transform: rotate(calc((8.90909deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-15 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-16 .clip-section {
    transform: rotate(calc((8.90909deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-16 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-17 .clip-section {
    transform: rotate(calc((8.90909deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-17 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-18 .clip-section {
    transform: rotate(calc((8.90909deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-18 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-19 .clip-section {
    transform: rotate(calc((8.90909deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-19 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-20 .clip-section {
    transform: rotate(calc((8.90909deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-20 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-21 .clip-section {
    transform: rotate(calc((8.90909deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-21 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-22 .clip-section {
    transform: rotate(calc((8.90909deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-22 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-23 .clip-section {
    transform: rotate(calc((8.90909deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-23 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-24 .clip-section {
    transform: rotate(calc((8.90909deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-24 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-25 .clip-section {
    transform: rotate(calc((8.90909deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-25 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-26 .clip-section {
    transform: rotate(calc((8.90909deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-26 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-27 .clip-section {
    transform: rotate(calc((8.90909deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-27 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-28 .clip-section {
    transform: rotate(calc((8.90909deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-28 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-29 .clip-section {
    transform: rotate(calc((8.90909deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-29 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-30 .clip-section {
    transform: rotate(calc((8.90909deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-30 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-31 .clip-section {
    transform: rotate(calc((8.90909deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-31 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-32 .clip-section {
    transform: rotate(calc((8.90909deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-32 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-33 .clip-section {
    transform: rotate(calc((8.90909deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-33 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-0 .clip-section {
    transform: rotate(calc((8.64706deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-0 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-34.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-34.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-1 .clip-section {
    transform: rotate(calc((8.64706deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-1 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-2 .clip-section {
    transform: rotate(calc((8.64706deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-2 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-3 .clip-section {
    transform: rotate(calc((8.64706deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-3 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-4 .clip-section {
    transform: rotate(calc((8.64706deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-4 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-5 .clip-section {
    transform: rotate(calc((8.64706deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-5 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-6 .clip-section {
    transform: rotate(calc((8.64706deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-6 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-7 .clip-section {
    transform: rotate(calc((8.64706deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-7 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-8 .clip-section {
    transform: rotate(calc((8.64706deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-8 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-9 .clip-section {
    transform: rotate(calc((8.64706deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-9 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-10 .clip-section {
    transform: rotate(calc((8.64706deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-10 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-11 .clip-section {
    transform: rotate(calc((8.64706deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-11 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-12 .clip-section {
    transform: rotate(calc((8.64706deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-12 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-13 .clip-section {
    transform: rotate(calc((8.64706deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-13 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-14 .clip-section {
    transform: rotate(calc((8.64706deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-14 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-15 .clip-section {
    transform: rotate(calc((8.64706deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-15 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-16 .clip-section {
    transform: rotate(calc((8.64706deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-16 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-17 .clip-section {
    transform: rotate(calc((8.64706deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-17 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-18 .clip-section {
    transform: rotate(calc((8.64706deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-18 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-19 .clip-section {
    transform: rotate(calc((8.64706deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-19 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-20 .clip-section {
    transform: rotate(calc((8.64706deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-20 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-21 .clip-section {
    transform: rotate(calc((8.64706deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-21 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-22 .clip-section {
    transform: rotate(calc((8.64706deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-22 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-23 .clip-section {
    transform: rotate(calc((8.64706deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-23 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-24 .clip-section {
    transform: rotate(calc((8.64706deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-24 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-25 .clip-section {
    transform: rotate(calc((8.64706deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-25 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-26 .clip-section {
    transform: rotate(calc((8.64706deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-26 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-27 .clip-section {
    transform: rotate(calc((8.64706deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-27 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-28 .clip-section {
    transform: rotate(calc((8.64706deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-28 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-29 .clip-section {
    transform: rotate(calc((8.64706deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-29 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-30 .clip-section {
    transform: rotate(calc((8.64706deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-30 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-31 .clip-section {
    transform: rotate(calc((8.64706deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-31 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-32 .clip-section {
    transform: rotate(calc((8.64706deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-32 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-33 .clip-section {
    transform: rotate(calc((8.64706deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-33 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-34 .clip-section {
    transform: rotate(calc((8.64706deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-34 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-0 .clip-section {
    transform: rotate(calc((8.4deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-0 .progress-point {
    transform: rotate(calc(calc((8.4deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-35.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-35.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-1 .clip-section {
    transform: rotate(calc((8.4deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-1 .progress-point {
    transform: rotate(calc(calc((8.4deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-2 .clip-section {
    transform: rotate(calc((8.4deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-2 .progress-point {
    transform: rotate(calc(calc((8.4deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-3 .clip-section {
    transform: rotate(calc((8.4deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-3 .progress-point {
    transform: rotate(calc(calc((8.4deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-4 .clip-section {
    transform: rotate(calc((8.4deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-4 .progress-point {
    transform: rotate(calc(calc((8.4deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-5 .clip-section {
    transform: rotate(calc((8.4deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-5 .progress-point {
    transform: rotate(calc(calc((8.4deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-6 .clip-section {
    transform: rotate(calc((8.4deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-6 .progress-point {
    transform: rotate(calc(calc((8.4deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-7 .clip-section {
    transform: rotate(calc((8.4deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-7 .progress-point {
    transform: rotate(calc(calc((8.4deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-8 .clip-section {
    transform: rotate(calc((8.4deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-8 .progress-point {
    transform: rotate(calc(calc((8.4deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-9 .clip-section {
    transform: rotate(calc((8.4deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-9 .progress-point {
    transform: rotate(calc(calc((8.4deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-10 .clip-section {
    transform: rotate(calc((8.4deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-10 .progress-point {
    transform: rotate(calc(calc((8.4deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-11 .clip-section {
    transform: rotate(calc((8.4deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-11 .progress-point {
    transform: rotate(calc(calc((8.4deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-12 .clip-section {
    transform: rotate(calc((8.4deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-12 .progress-point {
    transform: rotate(calc(calc((8.4deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-13 .clip-section {
    transform: rotate(calc((8.4deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-13 .progress-point {
    transform: rotate(calc(calc((8.4deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-14 .clip-section {
    transform: rotate(calc((8.4deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-14 .progress-point {
    transform: rotate(calc(calc((8.4deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-15 .clip-section {
    transform: rotate(calc((8.4deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-15 .progress-point {
    transform: rotate(calc(calc((8.4deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-16 .clip-section {
    transform: rotate(calc((8.4deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-16 .progress-point {
    transform: rotate(calc(calc((8.4deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-17 .clip-section {
    transform: rotate(calc((8.4deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-17 .progress-point {
    transform: rotate(calc(calc((8.4deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-18 .clip-section {
    transform: rotate(calc((8.4deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-18 .progress-point {
    transform: rotate(calc(calc((8.4deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-19 .clip-section {
    transform: rotate(calc((8.4deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-19 .progress-point {
    transform: rotate(calc(calc((8.4deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-20 .clip-section {
    transform: rotate(calc((8.4deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-20 .progress-point {
    transform: rotate(calc(calc((8.4deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-21 .clip-section {
    transform: rotate(calc((8.4deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-21 .progress-point {
    transform: rotate(calc(calc((8.4deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-22 .clip-section {
    transform: rotate(calc((8.4deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-22 .progress-point {
    transform: rotate(calc(calc((8.4deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-23 .clip-section {
    transform: rotate(calc((8.4deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-23 .progress-point {
    transform: rotate(calc(calc((8.4deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-24 .clip-section {
    transform: rotate(calc((8.4deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-24 .progress-point {
    transform: rotate(calc(calc((8.4deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-25 .clip-section {
    transform: rotate(calc((8.4deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-25 .progress-point {
    transform: rotate(calc(calc((8.4deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-26 .clip-section {
    transform: rotate(calc((8.4deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-26 .progress-point {
    transform: rotate(calc(calc((8.4deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-27 .clip-section {
    transform: rotate(calc((8.4deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-27 .progress-point {
    transform: rotate(calc(calc((8.4deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-28 .clip-section {
    transform: rotate(calc((8.4deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-28 .progress-point {
    transform: rotate(calc(calc((8.4deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-29 .clip-section {
    transform: rotate(calc((8.4deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-29 .progress-point {
    transform: rotate(calc(calc((8.4deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-30 .clip-section {
    transform: rotate(calc((8.4deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-30 .progress-point {
    transform: rotate(calc(calc((8.4deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-31 .clip-section {
    transform: rotate(calc((8.4deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-31 .progress-point {
    transform: rotate(calc(calc((8.4deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-32 .clip-section {
    transform: rotate(calc((8.4deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-32 .progress-point {
    transform: rotate(calc(calc((8.4deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-33 .clip-section {
    transform: rotate(calc((8.4deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-33 .progress-point {
    transform: rotate(calc(calc((8.4deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-34 .clip-section {
    transform: rotate(calc((8.4deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-34 .progress-point {
    transform: rotate(calc(calc((8.4deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-35 .clip-section {
    transform: rotate(calc((8.4deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-35 .progress-point {
    transform: rotate(calc(calc((8.4deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-0 .clip-section {
    transform: rotate(calc((8.16667deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-0 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-36.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-36.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-1 .clip-section {
    transform: rotate(calc((8.16667deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-1 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-2 .clip-section {
    transform: rotate(calc((8.16667deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-2 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-3 .clip-section {
    transform: rotate(calc((8.16667deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-3 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-4 .clip-section {
    transform: rotate(calc((8.16667deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-4 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-5 .clip-section {
    transform: rotate(calc((8.16667deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-5 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-6 .clip-section {
    transform: rotate(calc((8.16667deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-6 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-7 .clip-section {
    transform: rotate(calc((8.16667deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-7 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-8 .clip-section {
    transform: rotate(calc((8.16667deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-8 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-9 .clip-section {
    transform: rotate(calc((8.16667deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-9 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-10 .clip-section {
    transform: rotate(calc((8.16667deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-10 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-11 .clip-section {
    transform: rotate(calc((8.16667deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-11 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-12 .clip-section {
    transform: rotate(calc((8.16667deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-12 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-13 .clip-section {
    transform: rotate(calc((8.16667deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-13 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-14 .clip-section {
    transform: rotate(calc((8.16667deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-14 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-15 .clip-section {
    transform: rotate(calc((8.16667deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-15 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-16 .clip-section {
    transform: rotate(calc((8.16667deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-16 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-17 .clip-section {
    transform: rotate(calc((8.16667deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-17 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-18 .clip-section {
    transform: rotate(calc((8.16667deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-18 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-19 .clip-section {
    transform: rotate(calc((8.16667deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-19 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-20 .clip-section {
    transform: rotate(calc((8.16667deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-20 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-21 .clip-section {
    transform: rotate(calc((8.16667deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-21 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-22 .clip-section {
    transform: rotate(calc((8.16667deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-22 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-23 .clip-section {
    transform: rotate(calc((8.16667deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-23 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-24 .clip-section {
    transform: rotate(calc((8.16667deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-24 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-25 .clip-section {
    transform: rotate(calc((8.16667deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-25 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-26 .clip-section {
    transform: rotate(calc((8.16667deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-26 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-27 .clip-section {
    transform: rotate(calc((8.16667deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-27 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-28 .clip-section {
    transform: rotate(calc((8.16667deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-28 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-29 .clip-section {
    transform: rotate(calc((8.16667deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-29 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-30 .clip-section {
    transform: rotate(calc((8.16667deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-30 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-31 .clip-section {
    transform: rotate(calc((8.16667deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-31 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-32 .clip-section {
    transform: rotate(calc((8.16667deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-32 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-33 .clip-section {
    transform: rotate(calc((8.16667deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-33 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-34 .clip-section {
    transform: rotate(calc((8.16667deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-34 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-35 .clip-section {
    transform: rotate(calc((8.16667deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-35 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-36 .clip-section {
    transform: rotate(calc((8.16667deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-36 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-0 .clip-section {
    transform: rotate(calc((7.94595deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-0 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-37.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-37.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-1 .clip-section {
    transform: rotate(calc((7.94595deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-1 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-2 .clip-section {
    transform: rotate(calc((7.94595deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-2 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-3 .clip-section {
    transform: rotate(calc((7.94595deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-3 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-4 .clip-section {
    transform: rotate(calc((7.94595deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-4 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-5 .clip-section {
    transform: rotate(calc((7.94595deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-5 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-6 .clip-section {
    transform: rotate(calc((7.94595deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-6 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-7 .clip-section {
    transform: rotate(calc((7.94595deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-7 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-8 .clip-section {
    transform: rotate(calc((7.94595deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-8 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-9 .clip-section {
    transform: rotate(calc((7.94595deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-9 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-10 .clip-section {
    transform: rotate(calc((7.94595deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-10 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-11 .clip-section {
    transform: rotate(calc((7.94595deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-11 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-12 .clip-section {
    transform: rotate(calc((7.94595deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-12 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-13 .clip-section {
    transform: rotate(calc((7.94595deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-13 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-14 .clip-section {
    transform: rotate(calc((7.94595deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-14 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-15 .clip-section {
    transform: rotate(calc((7.94595deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-15 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-16 .clip-section {
    transform: rotate(calc((7.94595deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-16 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-17 .clip-section {
    transform: rotate(calc((7.94595deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-17 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-18 .clip-section {
    transform: rotate(calc((7.94595deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-18 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-19 .clip-section {
    transform: rotate(calc((7.94595deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-19 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-20 .clip-section {
    transform: rotate(calc((7.94595deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-20 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-21 .clip-section {
    transform: rotate(calc((7.94595deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-21 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-22 .clip-section {
    transform: rotate(calc((7.94595deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-22 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-23 .clip-section {
    transform: rotate(calc((7.94595deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-23 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-24 .clip-section {
    transform: rotate(calc((7.94595deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-24 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-25 .clip-section {
    transform: rotate(calc((7.94595deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-25 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-26 .clip-section {
    transform: rotate(calc((7.94595deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-26 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-27 .clip-section {
    transform: rotate(calc((7.94595deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-27 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-28 .clip-section {
    transform: rotate(calc((7.94595deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-28 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-29 .clip-section {
    transform: rotate(calc((7.94595deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-29 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-30 .clip-section {
    transform: rotate(calc((7.94595deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-30 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-31 .clip-section {
    transform: rotate(calc((7.94595deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-31 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-32 .clip-section {
    transform: rotate(calc((7.94595deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-32 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-33 .clip-section {
    transform: rotate(calc((7.94595deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-33 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-34 .clip-section {
    transform: rotate(calc((7.94595deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-34 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-35 .clip-section {
    transform: rotate(calc((7.94595deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-35 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-36 .clip-section {
    transform: rotate(calc((7.94595deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-36 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-37 .clip-section {
    transform: rotate(calc((7.94595deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-37 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-0 .clip-section {
    transform: rotate(calc((7.73684deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-0 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-38.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-38.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-1 .clip-section {
    transform: rotate(calc((7.73684deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-1 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-2 .clip-section {
    transform: rotate(calc((7.73684deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-2 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-3 .clip-section {
    transform: rotate(calc((7.73684deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-3 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-4 .clip-section {
    transform: rotate(calc((7.73684deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-4 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-5 .clip-section {
    transform: rotate(calc((7.73684deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-5 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-6 .clip-section {
    transform: rotate(calc((7.73684deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-6 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-7 .clip-section {
    transform: rotate(calc((7.73684deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-7 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-8 .clip-section {
    transform: rotate(calc((7.73684deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-8 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-9 .clip-section {
    transform: rotate(calc((7.73684deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-9 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-10 .clip-section {
    transform: rotate(calc((7.73684deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-10 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-11 .clip-section {
    transform: rotate(calc((7.73684deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-11 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-12 .clip-section {
    transform: rotate(calc((7.73684deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-12 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-13 .clip-section {
    transform: rotate(calc((7.73684deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-13 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-14 .clip-section {
    transform: rotate(calc((7.73684deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-14 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-15 .clip-section {
    transform: rotate(calc((7.73684deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-15 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-16 .clip-section {
    transform: rotate(calc((7.73684deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-16 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-17 .clip-section {
    transform: rotate(calc((7.73684deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-17 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-18 .clip-section {
    transform: rotate(calc((7.73684deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-18 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-19 .clip-section {
    transform: rotate(calc((7.73684deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-19 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-20 .clip-section {
    transform: rotate(calc((7.73684deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-20 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-21 .clip-section {
    transform: rotate(calc((7.73684deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-21 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-22 .clip-section {
    transform: rotate(calc((7.73684deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-22 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-23 .clip-section {
    transform: rotate(calc((7.73684deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-23 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-24 .clip-section {
    transform: rotate(calc((7.73684deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-24 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-25 .clip-section {
    transform: rotate(calc((7.73684deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-25 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-26 .clip-section {
    transform: rotate(calc((7.73684deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-26 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-27 .clip-section {
    transform: rotate(calc((7.73684deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-27 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-28 .clip-section {
    transform: rotate(calc((7.73684deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-28 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-29 .clip-section {
    transform: rotate(calc((7.73684deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-29 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-30 .clip-section {
    transform: rotate(calc((7.73684deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-30 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-31 .clip-section {
    transform: rotate(calc((7.73684deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-31 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-32 .clip-section {
    transform: rotate(calc((7.73684deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-32 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-33 .clip-section {
    transform: rotate(calc((7.73684deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-33 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-34 .clip-section {
    transform: rotate(calc((7.73684deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-34 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-35 .clip-section {
    transform: rotate(calc((7.73684deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-35 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-36 .clip-section {
    transform: rotate(calc((7.73684deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-36 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-37 .clip-section {
    transform: rotate(calc((7.73684deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-37 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-38 .clip-section {
    transform: rotate(calc((7.73684deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-38 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-0 .clip-section {
    transform: rotate(calc((7.53846deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-0 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-39.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-39.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-1 .clip-section {
    transform: rotate(calc((7.53846deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-1 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-2 .clip-section {
    transform: rotate(calc((7.53846deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-2 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-3 .clip-section {
    transform: rotate(calc((7.53846deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-3 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-4 .clip-section {
    transform: rotate(calc((7.53846deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-4 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-5 .clip-section {
    transform: rotate(calc((7.53846deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-5 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-6 .clip-section {
    transform: rotate(calc((7.53846deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-6 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-7 .clip-section {
    transform: rotate(calc((7.53846deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-7 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-8 .clip-section {
    transform: rotate(calc((7.53846deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-8 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-9 .clip-section {
    transform: rotate(calc((7.53846deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-9 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-10 .clip-section {
    transform: rotate(calc((7.53846deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-10 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-11 .clip-section {
    transform: rotate(calc((7.53846deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-11 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-12 .clip-section {
    transform: rotate(calc((7.53846deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-12 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-13 .clip-section {
    transform: rotate(calc((7.53846deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-13 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-14 .clip-section {
    transform: rotate(calc((7.53846deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-14 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-15 .clip-section {
    transform: rotate(calc((7.53846deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-15 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-16 .clip-section {
    transform: rotate(calc((7.53846deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-16 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-17 .clip-section {
    transform: rotate(calc((7.53846deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-17 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-18 .clip-section {
    transform: rotate(calc((7.53846deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-18 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-19 .clip-section {
    transform: rotate(calc((7.53846deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-19 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-20 .clip-section {
    transform: rotate(calc((7.53846deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-20 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-21 .clip-section {
    transform: rotate(calc((7.53846deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-21 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-22 .clip-section {
    transform: rotate(calc((7.53846deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-22 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-23 .clip-section {
    transform: rotate(calc((7.53846deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-23 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-24 .clip-section {
    transform: rotate(calc((7.53846deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-24 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-25 .clip-section {
    transform: rotate(calc((7.53846deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-25 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-26 .clip-section {
    transform: rotate(calc((7.53846deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-26 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-27 .clip-section {
    transform: rotate(calc((7.53846deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-27 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-28 .clip-section {
    transform: rotate(calc((7.53846deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-28 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-29 .clip-section {
    transform: rotate(calc((7.53846deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-29 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-30 .clip-section {
    transform: rotate(calc((7.53846deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-30 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-31 .clip-section {
    transform: rotate(calc((7.53846deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-31 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-32 .clip-section {
    transform: rotate(calc((7.53846deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-32 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-33 .clip-section {
    transform: rotate(calc((7.53846deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-33 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-34 .clip-section {
    transform: rotate(calc((7.53846deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-34 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-35 .clip-section {
    transform: rotate(calc((7.53846deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-35 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-36 .clip-section {
    transform: rotate(calc((7.53846deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-36 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-37 .clip-section {
    transform: rotate(calc((7.53846deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-37 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-38 .clip-section {
    transform: rotate(calc((7.53846deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-38 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-39 .clip-section {
    transform: rotate(calc((7.53846deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-39 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-0 .clip-section {
    transform: rotate(calc((7.35deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-0 .progress-point {
    transform: rotate(calc(calc((7.35deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-40.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-40.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-1 .clip-section {
    transform: rotate(calc((7.35deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-1 .progress-point {
    transform: rotate(calc(calc((7.35deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-2 .clip-section {
    transform: rotate(calc((7.35deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-2 .progress-point {
    transform: rotate(calc(calc((7.35deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-3 .clip-section {
    transform: rotate(calc((7.35deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-3 .progress-point {
    transform: rotate(calc(calc((7.35deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-4 .clip-section {
    transform: rotate(calc((7.35deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-4 .progress-point {
    transform: rotate(calc(calc((7.35deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-5 .clip-section {
    transform: rotate(calc((7.35deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-5 .progress-point {
    transform: rotate(calc(calc((7.35deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-6 .clip-section {
    transform: rotate(calc((7.35deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-6 .progress-point {
    transform: rotate(calc(calc((7.35deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-7 .clip-section {
    transform: rotate(calc((7.35deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-7 .progress-point {
    transform: rotate(calc(calc((7.35deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-8 .clip-section {
    transform: rotate(calc((7.35deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-8 .progress-point {
    transform: rotate(calc(calc((7.35deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-9 .clip-section {
    transform: rotate(calc((7.35deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-9 .progress-point {
    transform: rotate(calc(calc((7.35deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-10 .clip-section {
    transform: rotate(calc((7.35deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-10 .progress-point {
    transform: rotate(calc(calc((7.35deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-11 .clip-section {
    transform: rotate(calc((7.35deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-11 .progress-point {
    transform: rotate(calc(calc((7.35deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-12 .clip-section {
    transform: rotate(calc((7.35deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-12 .progress-point {
    transform: rotate(calc(calc((7.35deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-13 .clip-section {
    transform: rotate(calc((7.35deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-13 .progress-point {
    transform: rotate(calc(calc((7.35deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-14 .clip-section {
    transform: rotate(calc((7.35deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-14 .progress-point {
    transform: rotate(calc(calc((7.35deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-15 .clip-section {
    transform: rotate(calc((7.35deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-15 .progress-point {
    transform: rotate(calc(calc((7.35deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-16 .clip-section {
    transform: rotate(calc((7.35deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-16 .progress-point {
    transform: rotate(calc(calc((7.35deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-17 .clip-section {
    transform: rotate(calc((7.35deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-17 .progress-point {
    transform: rotate(calc(calc((7.35deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-18 .clip-section {
    transform: rotate(calc((7.35deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-18 .progress-point {
    transform: rotate(calc(calc((7.35deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-19 .clip-section {
    transform: rotate(calc((7.35deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-19 .progress-point {
    transform: rotate(calc(calc((7.35deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-20 .clip-section {
    transform: rotate(calc((7.35deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-20 .progress-point {
    transform: rotate(calc(calc((7.35deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-21 .clip-section {
    transform: rotate(calc((7.35deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-21 .progress-point {
    transform: rotate(calc(calc((7.35deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-22 .clip-section {
    transform: rotate(calc((7.35deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-22 .progress-point {
    transform: rotate(calc(calc((7.35deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-23 .clip-section {
    transform: rotate(calc((7.35deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-23 .progress-point {
    transform: rotate(calc(calc((7.35deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-24 .clip-section {
    transform: rotate(calc((7.35deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-24 .progress-point {
    transform: rotate(calc(calc((7.35deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-25 .clip-section {
    transform: rotate(calc((7.35deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-25 .progress-point {
    transform: rotate(calc(calc((7.35deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-26 .clip-section {
    transform: rotate(calc((7.35deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-26 .progress-point {
    transform: rotate(calc(calc((7.35deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-27 .clip-section {
    transform: rotate(calc((7.35deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-27 .progress-point {
    transform: rotate(calc(calc((7.35deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-28 .clip-section {
    transform: rotate(calc((7.35deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-28 .progress-point {
    transform: rotate(calc(calc((7.35deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-29 .clip-section {
    transform: rotate(calc((7.35deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-29 .progress-point {
    transform: rotate(calc(calc((7.35deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-30 .clip-section {
    transform: rotate(calc((7.35deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-30 .progress-point {
    transform: rotate(calc(calc((7.35deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-31 .clip-section {
    transform: rotate(calc((7.35deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-31 .progress-point {
    transform: rotate(calc(calc((7.35deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-32 .clip-section {
    transform: rotate(calc((7.35deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-32 .progress-point {
    transform: rotate(calc(calc((7.35deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-33 .clip-section {
    transform: rotate(calc((7.35deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-33 .progress-point {
    transform: rotate(calc(calc((7.35deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-34 .clip-section {
    transform: rotate(calc((7.35deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-34 .progress-point {
    transform: rotate(calc(calc((7.35deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-35 .clip-section {
    transform: rotate(calc((7.35deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-35 .progress-point {
    transform: rotate(calc(calc((7.35deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-36 .clip-section {
    transform: rotate(calc((7.35deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-36 .progress-point {
    transform: rotate(calc(calc((7.35deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-37 .clip-section {
    transform: rotate(calc((7.35deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-37 .progress-point {
    transform: rotate(calc(calc((7.35deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-38 .clip-section {
    transform: rotate(calc((7.35deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-38 .progress-point {
    transform: rotate(calc(calc((7.35deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-39 .clip-section {
    transform: rotate(calc((7.35deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-39 .progress-point {
    transform: rotate(calc(calc((7.35deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-40 .clip-section {
    transform: rotate(calc((7.35deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-40 .progress-point {
    transform: rotate(calc(calc((7.35deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-0 .clip-section {
    transform: rotate(calc((7.17073deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-0 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-41.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-41.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-1 .clip-section {
    transform: rotate(calc((7.17073deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-1 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-2 .clip-section {
    transform: rotate(calc((7.17073deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-2 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-3 .clip-section {
    transform: rotate(calc((7.17073deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-3 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-4 .clip-section {
    transform: rotate(calc((7.17073deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-4 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-5 .clip-section {
    transform: rotate(calc((7.17073deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-5 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-6 .clip-section {
    transform: rotate(calc((7.17073deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-6 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-7 .clip-section {
    transform: rotate(calc((7.17073deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-7 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-8 .clip-section {
    transform: rotate(calc((7.17073deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-8 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-9 .clip-section {
    transform: rotate(calc((7.17073deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-9 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-10 .clip-section {
    transform: rotate(calc((7.17073deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-10 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-11 .clip-section {
    transform: rotate(calc((7.17073deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-11 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-12 .clip-section {
    transform: rotate(calc((7.17073deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-12 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-13 .clip-section {
    transform: rotate(calc((7.17073deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-13 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-14 .clip-section {
    transform: rotate(calc((7.17073deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-14 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-15 .clip-section {
    transform: rotate(calc((7.17073deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-15 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-16 .clip-section {
    transform: rotate(calc((7.17073deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-16 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-17 .clip-section {
    transform: rotate(calc((7.17073deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-17 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-18 .clip-section {
    transform: rotate(calc((7.17073deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-18 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-19 .clip-section {
    transform: rotate(calc((7.17073deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-19 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-20 .clip-section {
    transform: rotate(calc((7.17073deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-20 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-21 .clip-section {
    transform: rotate(calc((7.17073deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-21 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-22 .clip-section {
    transform: rotate(calc((7.17073deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-22 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-23 .clip-section {
    transform: rotate(calc((7.17073deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-23 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-24 .clip-section {
    transform: rotate(calc((7.17073deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-24 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-25 .clip-section {
    transform: rotate(calc((7.17073deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-25 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-26 .clip-section {
    transform: rotate(calc((7.17073deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-26 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-27 .clip-section {
    transform: rotate(calc((7.17073deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-27 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-28 .clip-section {
    transform: rotate(calc((7.17073deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-28 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-29 .clip-section {
    transform: rotate(calc((7.17073deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-29 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-30 .clip-section {
    transform: rotate(calc((7.17073deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-30 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-31 .clip-section {
    transform: rotate(calc((7.17073deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-31 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-32 .clip-section {
    transform: rotate(calc((7.17073deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-32 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-33 .clip-section {
    transform: rotate(calc((7.17073deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-33 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-34 .clip-section {
    transform: rotate(calc((7.17073deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-34 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-35 .clip-section {
    transform: rotate(calc((7.17073deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-35 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-36 .clip-section {
    transform: rotate(calc((7.17073deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-36 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-37 .clip-section {
    transform: rotate(calc((7.17073deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-37 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-38 .clip-section {
    transform: rotate(calc((7.17073deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-38 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-39 .clip-section {
    transform: rotate(calc((7.17073deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-39 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-40 .clip-section {
    transform: rotate(calc((7.17073deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-40 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-41 .clip-section {
    transform: rotate(calc((7.17073deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-41 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-0 .clip-section {
    transform: rotate(calc((7deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-0 .progress-point {
    transform: rotate(calc(calc((7deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-42.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-42.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-1 .clip-section {
    transform: rotate(calc((7deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-1 .progress-point {
    transform: rotate(calc(calc((7deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-2 .clip-section {
    transform: rotate(calc((7deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-2 .progress-point {
    transform: rotate(calc(calc((7deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-3 .clip-section {
    transform: rotate(calc((7deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-3 .progress-point {
    transform: rotate(calc(calc((7deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-4 .clip-section {
    transform: rotate(calc((7deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-4 .progress-point {
    transform: rotate(calc(calc((7deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-5 .clip-section {
    transform: rotate(calc((7deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-5 .progress-point {
    transform: rotate(calc(calc((7deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-6 .clip-section {
    transform: rotate(calc((7deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-6 .progress-point {
    transform: rotate(calc(calc((7deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-7 .clip-section {
    transform: rotate(calc((7deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-7 .progress-point {
    transform: rotate(calc(calc((7deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-8 .clip-section {
    transform: rotate(calc((7deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-8 .progress-point {
    transform: rotate(calc(calc((7deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-9 .clip-section {
    transform: rotate(calc((7deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-9 .progress-point {
    transform: rotate(calc(calc((7deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-10 .clip-section {
    transform: rotate(calc((7deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-10 .progress-point {
    transform: rotate(calc(calc((7deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-11 .clip-section {
    transform: rotate(calc((7deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-11 .progress-point {
    transform: rotate(calc(calc((7deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-12 .clip-section {
    transform: rotate(calc((7deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-12 .progress-point {
    transform: rotate(calc(calc((7deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-13 .clip-section {
    transform: rotate(calc((7deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-13 .progress-point {
    transform: rotate(calc(calc((7deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-14 .clip-section {
    transform: rotate(calc((7deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-14 .progress-point {
    transform: rotate(calc(calc((7deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-15 .clip-section {
    transform: rotate(calc((7deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-15 .progress-point {
    transform: rotate(calc(calc((7deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-16 .clip-section {
    transform: rotate(calc((7deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-16 .progress-point {
    transform: rotate(calc(calc((7deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-17 .clip-section {
    transform: rotate(calc((7deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-17 .progress-point {
    transform: rotate(calc(calc((7deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-18 .clip-section {
    transform: rotate(calc((7deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-18 .progress-point {
    transform: rotate(calc(calc((7deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-19 .clip-section {
    transform: rotate(calc((7deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-19 .progress-point {
    transform: rotate(calc(calc((7deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-20 .clip-section {
    transform: rotate(calc((7deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-20 .progress-point {
    transform: rotate(calc(calc((7deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-21 .clip-section {
    transform: rotate(calc((7deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-21 .progress-point {
    transform: rotate(calc(calc((7deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-22 .clip-section {
    transform: rotate(calc((7deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-22 .progress-point {
    transform: rotate(calc(calc((7deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-23 .clip-section {
    transform: rotate(calc((7deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-23 .progress-point {
    transform: rotate(calc(calc((7deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-24 .clip-section {
    transform: rotate(calc((7deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-24 .progress-point {
    transform: rotate(calc(calc((7deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-25 .clip-section {
    transform: rotate(calc((7deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-25 .progress-point {
    transform: rotate(calc(calc((7deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-26 .clip-section {
    transform: rotate(calc((7deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-26 .progress-point {
    transform: rotate(calc(calc((7deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-27 .clip-section {
    transform: rotate(calc((7deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-27 .progress-point {
    transform: rotate(calc(calc((7deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-28 .clip-section {
    transform: rotate(calc((7deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-28 .progress-point {
    transform: rotate(calc(calc((7deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-29 .clip-section {
    transform: rotate(calc((7deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-29 .progress-point {
    transform: rotate(calc(calc((7deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-30 .clip-section {
    transform: rotate(calc((7deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-30 .progress-point {
    transform: rotate(calc(calc((7deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-31 .clip-section {
    transform: rotate(calc((7deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-31 .progress-point {
    transform: rotate(calc(calc((7deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-32 .clip-section {
    transform: rotate(calc((7deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-32 .progress-point {
    transform: rotate(calc(calc((7deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-33 .clip-section {
    transform: rotate(calc((7deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-33 .progress-point {
    transform: rotate(calc(calc((7deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-34 .clip-section {
    transform: rotate(calc((7deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-34 .progress-point {
    transform: rotate(calc(calc((7deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-35 .clip-section {
    transform: rotate(calc((7deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-35 .progress-point {
    transform: rotate(calc(calc((7deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-36 .clip-section {
    transform: rotate(calc((7deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-36 .progress-point {
    transform: rotate(calc(calc((7deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-37 .clip-section {
    transform: rotate(calc((7deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-37 .progress-point {
    transform: rotate(calc(calc((7deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-38 .clip-section {
    transform: rotate(calc((7deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-38 .progress-point {
    transform: rotate(calc(calc((7deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-39 .clip-section {
    transform: rotate(calc((7deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-39 .progress-point {
    transform: rotate(calc(calc((7deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-40 .clip-section {
    transform: rotate(calc((7deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-40 .progress-point {
    transform: rotate(calc(calc((7deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-41 .clip-section {
    transform: rotate(calc((7deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-41 .progress-point {
    transform: rotate(calc(calc((7deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-42 .clip-section {
    transform: rotate(calc((7deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-42 .progress-point {
    transform: rotate(calc(calc((7deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-0 .clip-section {
    transform: rotate(calc((6.83721deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-0 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-43.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-43.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-1 .clip-section {
    transform: rotate(calc((6.83721deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-1 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-2 .clip-section {
    transform: rotate(calc((6.83721deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-2 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-3 .clip-section {
    transform: rotate(calc((6.83721deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-3 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-4 .clip-section {
    transform: rotate(calc((6.83721deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-4 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-5 .clip-section {
    transform: rotate(calc((6.83721deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-5 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-6 .clip-section {
    transform: rotate(calc((6.83721deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-6 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-7 .clip-section {
    transform: rotate(calc((6.83721deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-7 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-8 .clip-section {
    transform: rotate(calc((6.83721deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-8 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-9 .clip-section {
    transform: rotate(calc((6.83721deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-9 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-10 .clip-section {
    transform: rotate(calc((6.83721deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-10 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-11 .clip-section {
    transform: rotate(calc((6.83721deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-11 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-12 .clip-section {
    transform: rotate(calc((6.83721deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-12 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-13 .clip-section {
    transform: rotate(calc((6.83721deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-13 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-14 .clip-section {
    transform: rotate(calc((6.83721deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-14 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-15 .clip-section {
    transform: rotate(calc((6.83721deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-15 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-16 .clip-section {
    transform: rotate(calc((6.83721deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-16 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-17 .clip-section {
    transform: rotate(calc((6.83721deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-17 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-18 .clip-section {
    transform: rotate(calc((6.83721deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-18 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-19 .clip-section {
    transform: rotate(calc((6.83721deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-19 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-20 .clip-section {
    transform: rotate(calc((6.83721deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-20 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-21 .clip-section {
    transform: rotate(calc((6.83721deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-21 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-22 .clip-section {
    transform: rotate(calc((6.83721deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-22 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-23 .clip-section {
    transform: rotate(calc((6.83721deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-23 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-24 .clip-section {
    transform: rotate(calc((6.83721deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-24 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-25 .clip-section {
    transform: rotate(calc((6.83721deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-25 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-26 .clip-section {
    transform: rotate(calc((6.83721deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-26 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-27 .clip-section {
    transform: rotate(calc((6.83721deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-27 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-28 .clip-section {
    transform: rotate(calc((6.83721deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-28 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-29 .clip-section {
    transform: rotate(calc((6.83721deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-29 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-30 .clip-section {
    transform: rotate(calc((6.83721deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-30 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-31 .clip-section {
    transform: rotate(calc((6.83721deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-31 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-32 .clip-section {
    transform: rotate(calc((6.83721deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-32 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-33 .clip-section {
    transform: rotate(calc((6.83721deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-33 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-34 .clip-section {
    transform: rotate(calc((6.83721deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-34 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-35 .clip-section {
    transform: rotate(calc((6.83721deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-35 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-36 .clip-section {
    transform: rotate(calc((6.83721deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-36 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-37 .clip-section {
    transform: rotate(calc((6.83721deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-37 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-38 .clip-section {
    transform: rotate(calc((6.83721deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-38 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-39 .clip-section {
    transform: rotate(calc((6.83721deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-39 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-40 .clip-section {
    transform: rotate(calc((6.83721deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-40 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-41 .clip-section {
    transform: rotate(calc((6.83721deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-41 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-42 .clip-section {
    transform: rotate(calc((6.83721deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-42 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-43 .clip-section {
    transform: rotate(calc((6.83721deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-43 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-0 .clip-section {
    transform: rotate(calc((6.68182deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-0 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-44.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-44.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-1 .clip-section {
    transform: rotate(calc((6.68182deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-1 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-2 .clip-section {
    transform: rotate(calc((6.68182deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-2 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-3 .clip-section {
    transform: rotate(calc((6.68182deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-3 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-4 .clip-section {
    transform: rotate(calc((6.68182deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-4 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-5 .clip-section {
    transform: rotate(calc((6.68182deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-5 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-6 .clip-section {
    transform: rotate(calc((6.68182deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-6 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-7 .clip-section {
    transform: rotate(calc((6.68182deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-7 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-8 .clip-section {
    transform: rotate(calc((6.68182deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-8 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-9 .clip-section {
    transform: rotate(calc((6.68182deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-9 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-10 .clip-section {
    transform: rotate(calc((6.68182deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-10 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-11 .clip-section {
    transform: rotate(calc((6.68182deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-11 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-12 .clip-section {
    transform: rotate(calc((6.68182deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-12 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-13 .clip-section {
    transform: rotate(calc((6.68182deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-13 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-14 .clip-section {
    transform: rotate(calc((6.68182deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-14 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-15 .clip-section {
    transform: rotate(calc((6.68182deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-15 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-16 .clip-section {
    transform: rotate(calc((6.68182deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-16 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-17 .clip-section {
    transform: rotate(calc((6.68182deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-17 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-18 .clip-section {
    transform: rotate(calc((6.68182deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-18 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-19 .clip-section {
    transform: rotate(calc((6.68182deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-19 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-20 .clip-section {
    transform: rotate(calc((6.68182deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-20 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-21 .clip-section {
    transform: rotate(calc((6.68182deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-21 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-22 .clip-section {
    transform: rotate(calc((6.68182deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-22 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-23 .clip-section {
    transform: rotate(calc((6.68182deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-23 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-24 .clip-section {
    transform: rotate(calc((6.68182deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-24 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-25 .clip-section {
    transform: rotate(calc((6.68182deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-25 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-26 .clip-section {
    transform: rotate(calc((6.68182deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-26 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-27 .clip-section {
    transform: rotate(calc((6.68182deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-27 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-28 .clip-section {
    transform: rotate(calc((6.68182deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-28 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-29 .clip-section {
    transform: rotate(calc((6.68182deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-29 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-30 .clip-section {
    transform: rotate(calc((6.68182deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-30 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-31 .clip-section {
    transform: rotate(calc((6.68182deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-31 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-32 .clip-section {
    transform: rotate(calc((6.68182deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-32 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-33 .clip-section {
    transform: rotate(calc((6.68182deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-33 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-34 .clip-section {
    transform: rotate(calc((6.68182deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-34 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-35 .clip-section {
    transform: rotate(calc((6.68182deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-35 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-36 .clip-section {
    transform: rotate(calc((6.68182deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-36 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-37 .clip-section {
    transform: rotate(calc((6.68182deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-37 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-38 .clip-section {
    transform: rotate(calc((6.68182deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-38 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-39 .clip-section {
    transform: rotate(calc((6.68182deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-39 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-40 .clip-section {
    transform: rotate(calc((6.68182deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-40 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-41 .clip-section {
    transform: rotate(calc((6.68182deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-41 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-42 .clip-section {
    transform: rotate(calc((6.68182deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-42 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-43 .clip-section {
    transform: rotate(calc((6.68182deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-43 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-44 .clip-section {
    transform: rotate(calc((6.68182deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-44 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-0 .clip-section {
    transform: rotate(calc((6.53333deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-0 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-45.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-45.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-1 .clip-section {
    transform: rotate(calc((6.53333deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-1 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-2 .clip-section {
    transform: rotate(calc((6.53333deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-2 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-3 .clip-section {
    transform: rotate(calc((6.53333deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-3 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-4 .clip-section {
    transform: rotate(calc((6.53333deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-4 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-5 .clip-section {
    transform: rotate(calc((6.53333deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-5 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-6 .clip-section {
    transform: rotate(calc((6.53333deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-6 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-7 .clip-section {
    transform: rotate(calc((6.53333deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-7 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-8 .clip-section {
    transform: rotate(calc((6.53333deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-8 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-9 .clip-section {
    transform: rotate(calc((6.53333deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-9 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-10 .clip-section {
    transform: rotate(calc((6.53333deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-10 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-11 .clip-section {
    transform: rotate(calc((6.53333deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-11 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-12 .clip-section {
    transform: rotate(calc((6.53333deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-12 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-13 .clip-section {
    transform: rotate(calc((6.53333deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-13 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-14 .clip-section {
    transform: rotate(calc((6.53333deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-14 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-15 .clip-section {
    transform: rotate(calc((6.53333deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-15 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-16 .clip-section {
    transform: rotate(calc((6.53333deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-16 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-17 .clip-section {
    transform: rotate(calc((6.53333deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-17 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-18 .clip-section {
    transform: rotate(calc((6.53333deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-18 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-19 .clip-section {
    transform: rotate(calc((6.53333deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-19 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-20 .clip-section {
    transform: rotate(calc((6.53333deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-20 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-21 .clip-section {
    transform: rotate(calc((6.53333deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-21 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-22 .clip-section {
    transform: rotate(calc((6.53333deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-22 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-23 .clip-section {
    transform: rotate(calc((6.53333deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-23 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-24 .clip-section {
    transform: rotate(calc((6.53333deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-24 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-25 .clip-section {
    transform: rotate(calc((6.53333deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-25 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-26 .clip-section {
    transform: rotate(calc((6.53333deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-26 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-27 .clip-section {
    transform: rotate(calc((6.53333deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-27 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-28 .clip-section {
    transform: rotate(calc((6.53333deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-28 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-29 .clip-section {
    transform: rotate(calc((6.53333deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-29 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-30 .clip-section {
    transform: rotate(calc((6.53333deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-30 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-31 .clip-section {
    transform: rotate(calc((6.53333deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-31 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-32 .clip-section {
    transform: rotate(calc((6.53333deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-32 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-33 .clip-section {
    transform: rotate(calc((6.53333deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-33 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-34 .clip-section {
    transform: rotate(calc((6.53333deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-34 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-35 .clip-section {
    transform: rotate(calc((6.53333deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-35 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-36 .clip-section {
    transform: rotate(calc((6.53333deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-36 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-37 .clip-section {
    transform: rotate(calc((6.53333deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-37 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-38 .clip-section {
    transform: rotate(calc((6.53333deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-38 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-39 .clip-section {
    transform: rotate(calc((6.53333deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-39 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-40 .clip-section {
    transform: rotate(calc((6.53333deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-40 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-41 .clip-section {
    transform: rotate(calc((6.53333deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-41 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-42 .clip-section {
    transform: rotate(calc((6.53333deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-42 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-43 .clip-section {
    transform: rotate(calc((6.53333deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-43 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-44 .clip-section {
    transform: rotate(calc((6.53333deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-44 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-45 .clip-section {
    transform: rotate(calc((6.53333deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-45 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-0 .clip-section {
    transform: rotate(calc((6.3913deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-0 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-46.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-46.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-1 .clip-section {
    transform: rotate(calc((6.3913deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-1 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-2 .clip-section {
    transform: rotate(calc((6.3913deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-2 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-3 .clip-section {
    transform: rotate(calc((6.3913deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-3 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-4 .clip-section {
    transform: rotate(calc((6.3913deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-4 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-5 .clip-section {
    transform: rotate(calc((6.3913deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-5 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-6 .clip-section {
    transform: rotate(calc((6.3913deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-6 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-7 .clip-section {
    transform: rotate(calc((6.3913deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-7 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-8 .clip-section {
    transform: rotate(calc((6.3913deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-8 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-9 .clip-section {
    transform: rotate(calc((6.3913deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-9 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-10 .clip-section {
    transform: rotate(calc((6.3913deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-10 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-11 .clip-section {
    transform: rotate(calc((6.3913deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-11 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-12 .clip-section {
    transform: rotate(calc((6.3913deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-12 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-13 .clip-section {
    transform: rotate(calc((6.3913deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-13 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-14 .clip-section {
    transform: rotate(calc((6.3913deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-14 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-15 .clip-section {
    transform: rotate(calc((6.3913deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-15 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-16 .clip-section {
    transform: rotate(calc((6.3913deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-16 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-17 .clip-section {
    transform: rotate(calc((6.3913deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-17 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-18 .clip-section {
    transform: rotate(calc((6.3913deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-18 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-19 .clip-section {
    transform: rotate(calc((6.3913deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-19 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-20 .clip-section {
    transform: rotate(calc((6.3913deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-20 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-21 .clip-section {
    transform: rotate(calc((6.3913deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-21 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-22 .clip-section {
    transform: rotate(calc((6.3913deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-22 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-23 .clip-section {
    transform: rotate(calc((6.3913deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-23 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-24 .clip-section {
    transform: rotate(calc((6.3913deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-24 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-25 .clip-section {
    transform: rotate(calc((6.3913deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-25 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-26 .clip-section {
    transform: rotate(calc((6.3913deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-26 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-27 .clip-section {
    transform: rotate(calc((6.3913deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-27 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-28 .clip-section {
    transform: rotate(calc((6.3913deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-28 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-29 .clip-section {
    transform: rotate(calc((6.3913deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-29 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-30 .clip-section {
    transform: rotate(calc((6.3913deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-30 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-31 .clip-section {
    transform: rotate(calc((6.3913deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-31 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-32 .clip-section {
    transform: rotate(calc((6.3913deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-32 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-33 .clip-section {
    transform: rotate(calc((6.3913deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-33 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-34 .clip-section {
    transform: rotate(calc((6.3913deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-34 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-35 .clip-section {
    transform: rotate(calc((6.3913deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-35 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-36 .clip-section {
    transform: rotate(calc((6.3913deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-36 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-37 .clip-section {
    transform: rotate(calc((6.3913deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-37 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-38 .clip-section {
    transform: rotate(calc((6.3913deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-38 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-39 .clip-section {
    transform: rotate(calc((6.3913deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-39 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-40 .clip-section {
    transform: rotate(calc((6.3913deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-40 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-41 .clip-section {
    transform: rotate(calc((6.3913deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-41 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-42 .clip-section {
    transform: rotate(calc((6.3913deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-42 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-43 .clip-section {
    transform: rotate(calc((6.3913deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-43 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-44 .clip-section {
    transform: rotate(calc((6.3913deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-44 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-45 .clip-section {
    transform: rotate(calc((6.3913deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-45 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-46 .clip-section {
    transform: rotate(calc((6.3913deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-46 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-0 .clip-section {
    transform: rotate(calc((6.25532deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-0 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-47.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-47.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-1 .clip-section {
    transform: rotate(calc((6.25532deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-1 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-2 .clip-section {
    transform: rotate(calc((6.25532deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-2 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-3 .clip-section {
    transform: rotate(calc((6.25532deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-3 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-4 .clip-section {
    transform: rotate(calc((6.25532deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-4 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-5 .clip-section {
    transform: rotate(calc((6.25532deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-5 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-6 .clip-section {
    transform: rotate(calc((6.25532deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-6 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-7 .clip-section {
    transform: rotate(calc((6.25532deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-7 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-8 .clip-section {
    transform: rotate(calc((6.25532deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-8 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-9 .clip-section {
    transform: rotate(calc((6.25532deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-9 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-10 .clip-section {
    transform: rotate(calc((6.25532deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-10 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-11 .clip-section {
    transform: rotate(calc((6.25532deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-11 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-12 .clip-section {
    transform: rotate(calc((6.25532deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-12 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-13 .clip-section {
    transform: rotate(calc((6.25532deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-13 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-14 .clip-section {
    transform: rotate(calc((6.25532deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-14 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-15 .clip-section {
    transform: rotate(calc((6.25532deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-15 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-16 .clip-section {
    transform: rotate(calc((6.25532deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-16 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-17 .clip-section {
    transform: rotate(calc((6.25532deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-17 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-18 .clip-section {
    transform: rotate(calc((6.25532deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-18 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-19 .clip-section {
    transform: rotate(calc((6.25532deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-19 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-20 .clip-section {
    transform: rotate(calc((6.25532deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-20 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-21 .clip-section {
    transform: rotate(calc((6.25532deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-21 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-22 .clip-section {
    transform: rotate(calc((6.25532deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-22 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-23 .clip-section {
    transform: rotate(calc((6.25532deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-23 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-24 .clip-section {
    transform: rotate(calc((6.25532deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-24 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-25 .clip-section {
    transform: rotate(calc((6.25532deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-25 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-26 .clip-section {
    transform: rotate(calc((6.25532deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-26 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-27 .clip-section {
    transform: rotate(calc((6.25532deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-27 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-28 .clip-section {
    transform: rotate(calc((6.25532deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-28 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-29 .clip-section {
    transform: rotate(calc((6.25532deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-29 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-30 .clip-section {
    transform: rotate(calc((6.25532deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-30 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-31 .clip-section {
    transform: rotate(calc((6.25532deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-31 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-32 .clip-section {
    transform: rotate(calc((6.25532deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-32 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-33 .clip-section {
    transform: rotate(calc((6.25532deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-33 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-34 .clip-section {
    transform: rotate(calc((6.25532deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-34 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-35 .clip-section {
    transform: rotate(calc((6.25532deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-35 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-36 .clip-section {
    transform: rotate(calc((6.25532deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-36 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-37 .clip-section {
    transform: rotate(calc((6.25532deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-37 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-38 .clip-section {
    transform: rotate(calc((6.25532deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-38 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-39 .clip-section {
    transform: rotate(calc((6.25532deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-39 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-40 .clip-section {
    transform: rotate(calc((6.25532deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-40 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-41 .clip-section {
    transform: rotate(calc((6.25532deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-41 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-42 .clip-section {
    transform: rotate(calc((6.25532deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-42 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-43 .clip-section {
    transform: rotate(calc((6.25532deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-43 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-44 .clip-section {
    transform: rotate(calc((6.25532deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-44 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-45 .clip-section {
    transform: rotate(calc((6.25532deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-45 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-46 .clip-section {
    transform: rotate(calc((6.25532deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-46 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-47 .clip-section {
    transform: rotate(calc((6.25532deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-47 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-0 .clip-section {
    transform: rotate(calc((6.125deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-0 .progress-point {
    transform: rotate(calc(calc((6.125deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-48.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-48.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-1 .clip-section {
    transform: rotate(calc((6.125deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-1 .progress-point {
    transform: rotate(calc(calc((6.125deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-2 .clip-section {
    transform: rotate(calc((6.125deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-2 .progress-point {
    transform: rotate(calc(calc((6.125deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-3 .clip-section {
    transform: rotate(calc((6.125deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-3 .progress-point {
    transform: rotate(calc(calc((6.125deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-4 .clip-section {
    transform: rotate(calc((6.125deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-4 .progress-point {
    transform: rotate(calc(calc((6.125deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-5 .clip-section {
    transform: rotate(calc((6.125deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-5 .progress-point {
    transform: rotate(calc(calc((6.125deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-6 .clip-section {
    transform: rotate(calc((6.125deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-6 .progress-point {
    transform: rotate(calc(calc((6.125deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-7 .clip-section {
    transform: rotate(calc((6.125deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-7 .progress-point {
    transform: rotate(calc(calc((6.125deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-8 .clip-section {
    transform: rotate(calc((6.125deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-8 .progress-point {
    transform: rotate(calc(calc((6.125deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-9 .clip-section {
    transform: rotate(calc((6.125deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-9 .progress-point {
    transform: rotate(calc(calc((6.125deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-10 .clip-section {
    transform: rotate(calc((6.125deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-10 .progress-point {
    transform: rotate(calc(calc((6.125deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-11 .clip-section {
    transform: rotate(calc((6.125deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-11 .progress-point {
    transform: rotate(calc(calc((6.125deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-12 .clip-section {
    transform: rotate(calc((6.125deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-12 .progress-point {
    transform: rotate(calc(calc((6.125deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-13 .clip-section {
    transform: rotate(calc((6.125deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-13 .progress-point {
    transform: rotate(calc(calc((6.125deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-14 .clip-section {
    transform: rotate(calc((6.125deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-14 .progress-point {
    transform: rotate(calc(calc((6.125deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-15 .clip-section {
    transform: rotate(calc((6.125deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-15 .progress-point {
    transform: rotate(calc(calc((6.125deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-16 .clip-section {
    transform: rotate(calc((6.125deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-16 .progress-point {
    transform: rotate(calc(calc((6.125deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-17 .clip-section {
    transform: rotate(calc((6.125deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-17 .progress-point {
    transform: rotate(calc(calc((6.125deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-18 .clip-section {
    transform: rotate(calc((6.125deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-18 .progress-point {
    transform: rotate(calc(calc((6.125deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-19 .clip-section {
    transform: rotate(calc((6.125deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-19 .progress-point {
    transform: rotate(calc(calc((6.125deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-20 .clip-section {
    transform: rotate(calc((6.125deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-20 .progress-point {
    transform: rotate(calc(calc((6.125deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-21 .clip-section {
    transform: rotate(calc((6.125deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-21 .progress-point {
    transform: rotate(calc(calc((6.125deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-22 .clip-section {
    transform: rotate(calc((6.125deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-22 .progress-point {
    transform: rotate(calc(calc((6.125deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-23 .clip-section {
    transform: rotate(calc((6.125deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-23 .progress-point {
    transform: rotate(calc(calc((6.125deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-24 .clip-section {
    transform: rotate(calc((6.125deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-24 .progress-point {
    transform: rotate(calc(calc((6.125deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-24 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 24) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-25 .clip-section {
    transform: rotate(calc((6.125deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-25 .progress-point {
    transform: rotate(calc(calc((6.125deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-26 .clip-section {
    transform: rotate(calc((6.125deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-26 .progress-point {
    transform: rotate(calc(calc((6.125deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-27 .clip-section {
    transform: rotate(calc((6.125deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-27 .progress-point {
    transform: rotate(calc(calc((6.125deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-28 .clip-section {
    transform: rotate(calc((6.125deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-28 .progress-point {
    transform: rotate(calc(calc((6.125deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-29 .clip-section {
    transform: rotate(calc((6.125deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-29 .progress-point {
    transform: rotate(calc(calc((6.125deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-30 .clip-section {
    transform: rotate(calc((6.125deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-30 .progress-point {
    transform: rotate(calc(calc((6.125deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-31 .clip-section {
    transform: rotate(calc((6.125deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-31 .progress-point {
    transform: rotate(calc(calc((6.125deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-32 .clip-section {
    transform: rotate(calc((6.125deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-32 .progress-point {
    transform: rotate(calc(calc((6.125deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-33 .clip-section {
    transform: rotate(calc((6.125deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-33 .progress-point {
    transform: rotate(calc(calc((6.125deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-34 .clip-section {
    transform: rotate(calc((6.125deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-34 .progress-point {
    transform: rotate(calc(calc((6.125deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-35 .clip-section {
    transform: rotate(calc((6.125deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-35 .progress-point {
    transform: rotate(calc(calc((6.125deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-36 .clip-section {
    transform: rotate(calc((6.125deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-36 .progress-point {
    transform: rotate(calc(calc((6.125deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-37 .clip-section {
    transform: rotate(calc((6.125deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-37 .progress-point {
    transform: rotate(calc(calc((6.125deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-38 .clip-section {
    transform: rotate(calc((6.125deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-38 .progress-point {
    transform: rotate(calc(calc((6.125deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-39 .clip-section {
    transform: rotate(calc((6.125deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-39 .progress-point {
    transform: rotate(calc(calc((6.125deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-40 .clip-section {
    transform: rotate(calc((6.125deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-40 .progress-point {
    transform: rotate(calc(calc((6.125deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-41 .clip-section {
    transform: rotate(calc((6.125deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-41 .progress-point {
    transform: rotate(calc(calc((6.125deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-42 .clip-section {
    transform: rotate(calc((6.125deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-42 .progress-point {
    transform: rotate(calc(calc((6.125deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-43 .clip-section {
    transform: rotate(calc((6.125deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-43 .progress-point {
    transform: rotate(calc(calc((6.125deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-44 .clip-section {
    transform: rotate(calc((6.125deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-44 .progress-point {
    transform: rotate(calc(calc((6.125deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-45 .clip-section {
    transform: rotate(calc((6.125deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-45 .progress-point {
    transform: rotate(calc(calc((6.125deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-46 .clip-section {
    transform: rotate(calc((6.125deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-46 .progress-point {
    transform: rotate(calc(calc((6.125deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-47 .clip-section {
    transform: rotate(calc((6.125deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-47 .progress-point {
    transform: rotate(calc(calc((6.125deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-48 .clip-section {
    transform: rotate(calc((6.125deg * 48) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-48 .progress-point {
    transform: rotate(calc(calc((6.125deg * 48) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-48 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-48 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-48 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-0 .clip-section {
    transform: rotate(calc((6deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-0 .progress-point {
    transform: rotate(calc(calc((6deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-49.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-49.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-1 .clip-section {
    transform: rotate(calc((6deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-1 .progress-point {
    transform: rotate(calc(calc((6deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-2 .clip-section {
    transform: rotate(calc((6deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-2 .progress-point {
    transform: rotate(calc(calc((6deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-3 .clip-section {
    transform: rotate(calc((6deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-3 .progress-point {
    transform: rotate(calc(calc((6deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-4 .clip-section {
    transform: rotate(calc((6deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-4 .progress-point {
    transform: rotate(calc(calc((6deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-5 .clip-section {
    transform: rotate(calc((6deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-5 .progress-point {
    transform: rotate(calc(calc((6deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-6 .clip-section {
    transform: rotate(calc((6deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-6 .progress-point {
    transform: rotate(calc(calc((6deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-7 .clip-section {
    transform: rotate(calc((6deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-7 .progress-point {
    transform: rotate(calc(calc((6deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-8 .clip-section {
    transform: rotate(calc((6deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-8 .progress-point {
    transform: rotate(calc(calc((6deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-9 .clip-section {
    transform: rotate(calc((6deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-9 .progress-point {
    transform: rotate(calc(calc((6deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-10 .clip-section {
    transform: rotate(calc((6deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-10 .progress-point {
    transform: rotate(calc(calc((6deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-11 .clip-section {
    transform: rotate(calc((6deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-11 .progress-point {
    transform: rotate(calc(calc((6deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-12 .clip-section {
    transform: rotate(calc((6deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-12 .progress-point {
    transform: rotate(calc(calc((6deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-13 .clip-section {
    transform: rotate(calc((6deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-13 .progress-point {
    transform: rotate(calc(calc((6deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-14 .clip-section {
    transform: rotate(calc((6deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-14 .progress-point {
    transform: rotate(calc(calc((6deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-15 .clip-section {
    transform: rotate(calc((6deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-15 .progress-point {
    transform: rotate(calc(calc((6deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-16 .clip-section {
    transform: rotate(calc((6deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-16 .progress-point {
    transform: rotate(calc(calc((6deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-17 .clip-section {
    transform: rotate(calc((6deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-17 .progress-point {
    transform: rotate(calc(calc((6deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-18 .clip-section {
    transform: rotate(calc((6deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-18 .progress-point {
    transform: rotate(calc(calc((6deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-19 .clip-section {
    transform: rotate(calc((6deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-19 .progress-point {
    transform: rotate(calc(calc((6deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-20 .clip-section {
    transform: rotate(calc((6deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-20 .progress-point {
    transform: rotate(calc(calc((6deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-21 .clip-section {
    transform: rotate(calc((6deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-21 .progress-point {
    transform: rotate(calc(calc((6deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-22 .clip-section {
    transform: rotate(calc((6deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-22 .progress-point {
    transform: rotate(calc(calc((6deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-23 .clip-section {
    transform: rotate(calc((6deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-23 .progress-point {
    transform: rotate(calc(calc((6deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-24 .clip-section {
    transform: rotate(calc((6deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-24 .progress-point {
    transform: rotate(calc(calc((6deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-24 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 24) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-25 .clip-section {
    transform: rotate(calc((6deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-25 .progress-point {
    transform: rotate(calc(calc((6deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-26 .clip-section {
    transform: rotate(calc((6deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-26 .progress-point {
    transform: rotate(calc(calc((6deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-27 .clip-section {
    transform: rotate(calc((6deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-27 .progress-point {
    transform: rotate(calc(calc((6deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-28 .clip-section {
    transform: rotate(calc((6deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-28 .progress-point {
    transform: rotate(calc(calc((6deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-29 .clip-section {
    transform: rotate(calc((6deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-29 .progress-point {
    transform: rotate(calc(calc((6deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-30 .clip-section {
    transform: rotate(calc((6deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-30 .progress-point {
    transform: rotate(calc(calc((6deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-31 .clip-section {
    transform: rotate(calc((6deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-31 .progress-point {
    transform: rotate(calc(calc((6deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-32 .clip-section {
    transform: rotate(calc((6deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-32 .progress-point {
    transform: rotate(calc(calc((6deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-33 .clip-section {
    transform: rotate(calc((6deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-33 .progress-point {
    transform: rotate(calc(calc((6deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-34 .clip-section {
    transform: rotate(calc((6deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-34 .progress-point {
    transform: rotate(calc(calc((6deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-35 .clip-section {
    transform: rotate(calc((6deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-35 .progress-point {
    transform: rotate(calc(calc((6deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-36 .clip-section {
    transform: rotate(calc((6deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-36 .progress-point {
    transform: rotate(calc(calc((6deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-37 .clip-section {
    transform: rotate(calc((6deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-37 .progress-point {
    transform: rotate(calc(calc((6deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-38 .clip-section {
    transform: rotate(calc((6deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-38 .progress-point {
    transform: rotate(calc(calc((6deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-39 .clip-section {
    transform: rotate(calc((6deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-39 .progress-point {
    transform: rotate(calc(calc((6deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-40 .clip-section {
    transform: rotate(calc((6deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-40 .progress-point {
    transform: rotate(calc(calc((6deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-41 .clip-section {
    transform: rotate(calc((6deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-41 .progress-point {
    transform: rotate(calc(calc((6deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-42 .clip-section {
    transform: rotate(calc((6deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-42 .progress-point {
    transform: rotate(calc(calc((6deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-43 .clip-section {
    transform: rotate(calc((6deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-43 .progress-point {
    transform: rotate(calc(calc((6deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-44 .clip-section {
    transform: rotate(calc((6deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-44 .progress-point {
    transform: rotate(calc(calc((6deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-45 .clip-section {
    transform: rotate(calc((6deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-45 .progress-point {
    transform: rotate(calc(calc((6deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-46 .clip-section {
    transform: rotate(calc((6deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-46 .progress-point {
    transform: rotate(calc(calc((6deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-47 .clip-section {
    transform: rotate(calc((6deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-47 .progress-point {
    transform: rotate(calc(calc((6deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-48 .clip-section {
    transform: rotate(calc((6deg * 48) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-48 .progress-point {
    transform: rotate(calc(calc((6deg * 48) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-48 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-48 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-48 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-49 .clip-section {
    transform: rotate(calc((6deg * 49) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-49 .progress-point {
    transform: rotate(calc(calc((6deg * 49) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-49 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-49 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-49 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-0 .clip-section {
    transform: rotate(calc((5.88deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-0 .progress-point {
    transform: rotate(calc(calc((5.88deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-50.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-50.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-1 .clip-section {
    transform: rotate(calc((5.88deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-1 .progress-point {
    transform: rotate(calc(calc((5.88deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-2 .clip-section {
    transform: rotate(calc((5.88deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-2 .progress-point {
    transform: rotate(calc(calc((5.88deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-3 .clip-section {
    transform: rotate(calc((5.88deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-3 .progress-point {
    transform: rotate(calc(calc((5.88deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-4 .clip-section {
    transform: rotate(calc((5.88deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-4 .progress-point {
    transform: rotate(calc(calc((5.88deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-5 .clip-section {
    transform: rotate(calc((5.88deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-5 .progress-point {
    transform: rotate(calc(calc((5.88deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-6 .clip-section {
    transform: rotate(calc((5.88deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-6 .progress-point {
    transform: rotate(calc(calc((5.88deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-7 .clip-section {
    transform: rotate(calc((5.88deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-7 .progress-point {
    transform: rotate(calc(calc((5.88deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-8 .clip-section {
    transform: rotate(calc((5.88deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-8 .progress-point {
    transform: rotate(calc(calc((5.88deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-9 .clip-section {
    transform: rotate(calc((5.88deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-9 .progress-point {
    transform: rotate(calc(calc((5.88deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-10 .clip-section {
    transform: rotate(calc((5.88deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-10 .progress-point {
    transform: rotate(calc(calc((5.88deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-11 .clip-section {
    transform: rotate(calc((5.88deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-11 .progress-point {
    transform: rotate(calc(calc((5.88deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-12 .clip-section {
    transform: rotate(calc((5.88deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-12 .progress-point {
    transform: rotate(calc(calc((5.88deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-13 .clip-section {
    transform: rotate(calc((5.88deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-13 .progress-point {
    transform: rotate(calc(calc((5.88deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-14 .clip-section {
    transform: rotate(calc((5.88deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-14 .progress-point {
    transform: rotate(calc(calc((5.88deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-15 .clip-section {
    transform: rotate(calc((5.88deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-15 .progress-point {
    transform: rotate(calc(calc((5.88deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-16 .clip-section {
    transform: rotate(calc((5.88deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-16 .progress-point {
    transform: rotate(calc(calc((5.88deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-17 .clip-section {
    transform: rotate(calc((5.88deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-17 .progress-point {
    transform: rotate(calc(calc((5.88deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-18 .clip-section {
    transform: rotate(calc((5.88deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-18 .progress-point {
    transform: rotate(calc(calc((5.88deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-19 .clip-section {
    transform: rotate(calc((5.88deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-19 .progress-point {
    transform: rotate(calc(calc((5.88deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-20 .clip-section {
    transform: rotate(calc((5.88deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-20 .progress-point {
    transform: rotate(calc(calc((5.88deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-21 .clip-section {
    transform: rotate(calc((5.88deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-21 .progress-point {
    transform: rotate(calc(calc((5.88deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-22 .clip-section {
    transform: rotate(calc((5.88deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-22 .progress-point {
    transform: rotate(calc(calc((5.88deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-23 .clip-section {
    transform: rotate(calc((5.88deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-23 .progress-point {
    transform: rotate(calc(calc((5.88deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-24 .clip-section {
    transform: rotate(calc((5.88deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-24 .progress-point {
    transform: rotate(calc(calc((5.88deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-24 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 24) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-25 .clip-section {
    transform: rotate(calc((5.88deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-25 .progress-point {
    transform: rotate(calc(calc((5.88deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-25 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 25) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-26 .clip-section {
    transform: rotate(calc((5.88deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-26 .progress-point {
    transform: rotate(calc(calc((5.88deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-27 .clip-section {
    transform: rotate(calc((5.88deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-27 .progress-point {
    transform: rotate(calc(calc((5.88deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-28 .clip-section {
    transform: rotate(calc((5.88deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-28 .progress-point {
    transform: rotate(calc(calc((5.88deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-29 .clip-section {
    transform: rotate(calc((5.88deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-29 .progress-point {
    transform: rotate(calc(calc((5.88deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-30 .clip-section {
    transform: rotate(calc((5.88deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-30 .progress-point {
    transform: rotate(calc(calc((5.88deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-31 .clip-section {
    transform: rotate(calc((5.88deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-31 .progress-point {
    transform: rotate(calc(calc((5.88deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-32 .clip-section {
    transform: rotate(calc((5.88deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-32 .progress-point {
    transform: rotate(calc(calc((5.88deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-33 .clip-section {
    transform: rotate(calc((5.88deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-33 .progress-point {
    transform: rotate(calc(calc((5.88deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-34 .clip-section {
    transform: rotate(calc((5.88deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-34 .progress-point {
    transform: rotate(calc(calc((5.88deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-35 .clip-section {
    transform: rotate(calc((5.88deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-35 .progress-point {
    transform: rotate(calc(calc((5.88deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-36 .clip-section {
    transform: rotate(calc((5.88deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-36 .progress-point {
    transform: rotate(calc(calc((5.88deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-37 .clip-section {
    transform: rotate(calc((5.88deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-37 .progress-point {
    transform: rotate(calc(calc((5.88deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-38 .clip-section {
    transform: rotate(calc((5.88deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-38 .progress-point {
    transform: rotate(calc(calc((5.88deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-39 .clip-section {
    transform: rotate(calc((5.88deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-39 .progress-point {
    transform: rotate(calc(calc((5.88deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-40 .clip-section {
    transform: rotate(calc((5.88deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-40 .progress-point {
    transform: rotate(calc(calc((5.88deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-41 .clip-section {
    transform: rotate(calc((5.88deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-41 .progress-point {
    transform: rotate(calc(calc((5.88deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-42 .clip-section {
    transform: rotate(calc((5.88deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-42 .progress-point {
    transform: rotate(calc(calc((5.88deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-43 .clip-section {
    transform: rotate(calc((5.88deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-43 .progress-point {
    transform: rotate(calc(calc((5.88deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-44 .clip-section {
    transform: rotate(calc((5.88deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-44 .progress-point {
    transform: rotate(calc(calc((5.88deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-45 .clip-section {
    transform: rotate(calc((5.88deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-45 .progress-point {
    transform: rotate(calc(calc((5.88deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-46 .clip-section {
    transform: rotate(calc((5.88deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-46 .progress-point {
    transform: rotate(calc(calc((5.88deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-47 .clip-section {
    transform: rotate(calc((5.88deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-47 .progress-point {
    transform: rotate(calc(calc((5.88deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-48 .clip-section {
    transform: rotate(calc((5.88deg * 48) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-48 .progress-point {
    transform: rotate(calc(calc((5.88deg * 48) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-48 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-48 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-48 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-49 .clip-section {
    transform: rotate(calc((5.88deg * 49) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-49 .progress-point {
    transform: rotate(calc(calc((5.88deg * 49) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-49 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-49 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-49 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-50 .clip-section {
    transform: rotate(calc((5.88deg * 50) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-50 .progress-point {
    transform: rotate(calc(calc((5.88deg * 50) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-50 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-50 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-50 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
}
@media only screen and (min-width: 768px) {
  .diagram .diagram-bg {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    position: relative;
  }
  .diagram .diagram-bg .clip-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .diagram .diagram-bg .clip-bg.first-part-bg {
    transform: rotate(-90deg);
    clip: rect(0 220px 110px 0);
  }
  .diagram .diagram-bg .clip-bg.first-part-bg .part-bg {
    transform: rotate(calc(33deg));
  }
  .diagram .diagram-bg .clip-bg.first-part-bg .part-bg:after {
    left: 0;
  }
  .diagram .diagram-bg .clip-bg.second-part-bg {
    transform: rotate(90deg);
    clip: rect(0 220px 110px 0);
  }
  .diagram .diagram-bg .clip-bg.second-part-bg .part-bg {
    transform: rotate(-33deg);
  }
  .diagram .diagram-bg .clip-bg.second-part-bg .part-bg:after {
    right: 0;
  }
  .diagram .diagram-bg .part-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .diagram .diagram-bg .part-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 16px solid #ececec;
    border-radius: 50%;
    clip: rect(0 220px 110px 0);
  }
  .diagram .diagram-bg .part-bg:after {
    content: '';
    background: #ececec;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin: -8px 0 0;
    z-index: 1;
  }
  .diagram .diagram-bg .clip-section {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(-90deg);
    clip: rect(0 220px 110px 0);
  }
  .diagram .diagram-bg .progress-line {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    transform: rotate(33deg);
  }
  .diagram .diagram-bg .progress-line:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    border: 16px solid #8b6f4e;
    border-radius: 50%;
    clip: rect(0 220px 110px 0);
  }
  .diagram .diagram-bg .progress-line:after {
    content: '';
    background: #8b6f4e;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -8px 0 0;
  }
  .diagram .diagram-bg .progress-point {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    transform: rotate(calc(33deg - 90deg));
  }
  .diagram .diagram-bg .progress-point:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -8px;
    margin: -16px 0 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 8px solid #8b6f4e;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  }
  .diagram .diagram-bg.total-1.current-0 .clip-section {
    transform: rotate(calc((294deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-1.current-0 .progress-point {
    transform: rotate(calc(calc((294deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-1.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-1.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-1.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((294deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-1.current-1 .clip-section {
    transform: rotate(calc((294deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-1.current-1 .progress-point {
    transform: rotate(calc(calc((294deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-1.current-1 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-1.current-1 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-1.current-1 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-2.current-0 .clip-section {
    transform: rotate(calc((147deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-2.current-0 .progress-point {
    transform: rotate(calc(calc((147deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-2.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-2.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-2.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((147deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-2.current-1 .clip-section {
    transform: rotate(calc((147deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-2.current-1 .progress-point {
    transform: rotate(calc(calc((147deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-2.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((147deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-2.current-2 .clip-section {
    transform: rotate(calc((147deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-2.current-2 .progress-point {
    transform: rotate(calc(calc((147deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-2.current-2 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-2.current-2 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-2.current-2 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-0 .clip-section {
    transform: rotate(calc((98deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-0 .progress-point {
    transform: rotate(calc(calc((98deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-3.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-3.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((98deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-3.current-1 .clip-section {
    transform: rotate(calc((98deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-1 .progress-point {
    transform: rotate(calc(calc((98deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((98deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-3.current-2 .clip-section {
    transform: rotate(calc((98deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-2 .progress-point {
    transform: rotate(calc(calc((98deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-2 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-3.current-2 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-2 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-3 .clip-section {
    transform: rotate(calc((98deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-3.current-3 .progress-point {
    transform: rotate(calc(calc((98deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-3.current-3 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-3.current-3 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-3.current-3 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-0 .clip-section {
    transform: rotate(calc((73.5deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-0 .progress-point {
    transform: rotate(calc(calc((73.5deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-4.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-4.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((73.5deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-4.current-1 .clip-section {
    transform: rotate(calc((73.5deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-1 .progress-point {
    transform: rotate(calc(calc((73.5deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((73.5deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-4.current-2 .clip-section {
    transform: rotate(calc((73.5deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-2 .progress-point {
    transform: rotate(calc(calc((73.5deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((73.5deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-4.current-3 .clip-section {
    transform: rotate(calc((73.5deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-3 .progress-point {
    transform: rotate(calc(calc((73.5deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-3 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-4.current-3 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-3 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-4 .clip-section {
    transform: rotate(calc((73.5deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-4.current-4 .progress-point {
    transform: rotate(calc(calc((73.5deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-4.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-4.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-4.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-0 .clip-section {
    transform: rotate(calc((58.8deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-0 .progress-point {
    transform: rotate(calc(calc((58.8deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-5.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-5.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((58.8deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-5.current-1 .clip-section {
    transform: rotate(calc((58.8deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-1 .progress-point {
    transform: rotate(calc(calc((58.8deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((58.8deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-5.current-2 .clip-section {
    transform: rotate(calc((58.8deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-2 .progress-point {
    transform: rotate(calc(calc((58.8deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((58.8deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-5.current-3 .clip-section {
    transform: rotate(calc((58.8deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-3 .progress-point {
    transform: rotate(calc(calc((58.8deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-3 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-5.current-3 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-3 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-4 .clip-section {
    transform: rotate(calc((58.8deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-4 .progress-point {
    transform: rotate(calc(calc((58.8deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-5.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-5 .clip-section {
    transform: rotate(calc((58.8deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-5.current-5 .progress-point {
    transform: rotate(calc(calc((58.8deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-5.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-5.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-5.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-0 .clip-section {
    transform: rotate(calc((49deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-0 .progress-point {
    transform: rotate(calc(calc((49deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-6.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-6.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-1 .clip-section {
    transform: rotate(calc((49deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-1 .progress-point {
    transform: rotate(calc(calc((49deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-2 .clip-section {
    transform: rotate(calc((49deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-2 .progress-point {
    transform: rotate(calc(calc((49deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-3 .clip-section {
    transform: rotate(calc((49deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-3 .progress-point {
    transform: rotate(calc(calc((49deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((49deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-6.current-4 .clip-section {
    transform: rotate(calc((49deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-4 .progress-point {
    transform: rotate(calc(calc((49deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-6.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-5 .clip-section {
    transform: rotate(calc((49deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-5 .progress-point {
    transform: rotate(calc(calc((49deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-6.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-6 .clip-section {
    transform: rotate(calc((49deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-6.current-6 .progress-point {
    transform: rotate(calc(calc((49deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-6.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-6.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-6.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-0 .clip-section {
    transform: rotate(calc((42deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-0 .progress-point {
    transform: rotate(calc(calc((42deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-7.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-7.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-1 .clip-section {
    transform: rotate(calc((42deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-1 .progress-point {
    transform: rotate(calc(calc((42deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-2 .clip-section {
    transform: rotate(calc((42deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-2 .progress-point {
    transform: rotate(calc(calc((42deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-3 .clip-section {
    transform: rotate(calc((42deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-3 .progress-point {
    transform: rotate(calc(calc((42deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((42deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-7.current-4 .clip-section {
    transform: rotate(calc((42deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-4 .progress-point {
    transform: rotate(calc(calc((42deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-4 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-4 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-4 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-5 .clip-section {
    transform: rotate(calc((42deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-5 .progress-point {
    transform: rotate(calc(calc((42deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-6 .clip-section {
    transform: rotate(calc((42deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-6 .progress-point {
    transform: rotate(calc(calc((42deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-7 .clip-section {
    transform: rotate(calc((42deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-7.current-7 .progress-point {
    transform: rotate(calc(calc((42deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-7.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-7.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-7.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-0 .clip-section {
    transform: rotate(calc((36.75deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-0 .progress-point {
    transform: rotate(calc(calc((36.75deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-8.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-8.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-1 .clip-section {
    transform: rotate(calc((36.75deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-1 .progress-point {
    transform: rotate(calc(calc((36.75deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-2 .clip-section {
    transform: rotate(calc((36.75deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-2 .progress-point {
    transform: rotate(calc(calc((36.75deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-3 .clip-section {
    transform: rotate(calc((36.75deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-3 .progress-point {
    transform: rotate(calc(calc((36.75deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-4 .clip-section {
    transform: rotate(calc((36.75deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-4 .progress-point {
    transform: rotate(calc(calc((36.75deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((36.75deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-8.current-5 .clip-section {
    transform: rotate(calc((36.75deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-5 .progress-point {
    transform: rotate(calc(calc((36.75deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-6 .clip-section {
    transform: rotate(calc((36.75deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-6 .progress-point {
    transform: rotate(calc(calc((36.75deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-7 .clip-section {
    transform: rotate(calc((36.75deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-7 .progress-point {
    transform: rotate(calc(calc((36.75deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-8 .clip-section {
    transform: rotate(calc((36.75deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-8.current-8 .progress-point {
    transform: rotate(calc(calc((36.75deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-8.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-8.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-8.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-0 .clip-section {
    transform: rotate(calc((32.66667deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-0 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-9.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-9.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-1 .clip-section {
    transform: rotate(calc((32.66667deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-1 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-2 .clip-section {
    transform: rotate(calc((32.66667deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-2 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-3 .clip-section {
    transform: rotate(calc((32.66667deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-3 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-4 .clip-section {
    transform: rotate(calc((32.66667deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-4 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((32.66667deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-9.current-5 .clip-section {
    transform: rotate(calc((32.66667deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-5 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-5 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-5 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-5 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-6 .clip-section {
    transform: rotate(calc((32.66667deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-6 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-7 .clip-section {
    transform: rotate(calc((32.66667deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-7 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-8 .clip-section {
    transform: rotate(calc((32.66667deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-8 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-9 .clip-section {
    transform: rotate(calc((32.66667deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-9.current-9 .progress-point {
    transform: rotate(calc(calc((32.66667deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-9.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-9.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-9.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-0 .clip-section {
    transform: rotate(calc((29.4deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-0 .progress-point {
    transform: rotate(calc(calc((29.4deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-10.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-10.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-1 .clip-section {
    transform: rotate(calc((29.4deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-1 .progress-point {
    transform: rotate(calc(calc((29.4deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-2 .clip-section {
    transform: rotate(calc((29.4deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-2 .progress-point {
    transform: rotate(calc(calc((29.4deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-3 .clip-section {
    transform: rotate(calc((29.4deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-3 .progress-point {
    transform: rotate(calc(calc((29.4deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-4 .clip-section {
    transform: rotate(calc((29.4deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-4 .progress-point {
    transform: rotate(calc(calc((29.4deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-5 .clip-section {
    transform: rotate(calc((29.4deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-5 .progress-point {
    transform: rotate(calc(calc((29.4deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((29.4deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-10.current-6 .clip-section {
    transform: rotate(calc((29.4deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-6 .progress-point {
    transform: rotate(calc(calc((29.4deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-7 .clip-section {
    transform: rotate(calc((29.4deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-7 .progress-point {
    transform: rotate(calc(calc((29.4deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-8 .clip-section {
    transform: rotate(calc((29.4deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-8 .progress-point {
    transform: rotate(calc(calc((29.4deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-9 .clip-section {
    transform: rotate(calc((29.4deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-9 .progress-point {
    transform: rotate(calc(calc((29.4deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-10 .clip-section {
    transform: rotate(calc((29.4deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-10.current-10 .progress-point {
    transform: rotate(calc(calc((29.4deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-10.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-10.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-10.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-0 .clip-section {
    transform: rotate(calc((26.72727deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-0 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-11.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-11.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-1 .clip-section {
    transform: rotate(calc((26.72727deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-1 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-2 .clip-section {
    transform: rotate(calc((26.72727deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-2 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-3 .clip-section {
    transform: rotate(calc((26.72727deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-3 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-4 .clip-section {
    transform: rotate(calc((26.72727deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-4 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-5 .clip-section {
    transform: rotate(calc((26.72727deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-5 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((26.72727deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-11.current-6 .clip-section {
    transform: rotate(calc((26.72727deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-6 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-6 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-6 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-6 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-7 .clip-section {
    transform: rotate(calc((26.72727deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-7 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-8 .clip-section {
    transform: rotate(calc((26.72727deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-8 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-9 .clip-section {
    transform: rotate(calc((26.72727deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-9 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-10 .clip-section {
    transform: rotate(calc((26.72727deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-10 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-11 .clip-section {
    transform: rotate(calc((26.72727deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-11.current-11 .progress-point {
    transform: rotate(calc(calc((26.72727deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-11.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-11.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-11.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-0 .clip-section {
    transform: rotate(calc((24.5deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-0 .progress-point {
    transform: rotate(calc(calc((24.5deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-12.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-12.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-1 .clip-section {
    transform: rotate(calc((24.5deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-1 .progress-point {
    transform: rotate(calc(calc((24.5deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-2 .clip-section {
    transform: rotate(calc((24.5deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-2 .progress-point {
    transform: rotate(calc(calc((24.5deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-3 .clip-section {
    transform: rotate(calc((24.5deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-3 .progress-point {
    transform: rotate(calc(calc((24.5deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-4 .clip-section {
    transform: rotate(calc((24.5deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-4 .progress-point {
    transform: rotate(calc(calc((24.5deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-5 .clip-section {
    transform: rotate(calc((24.5deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-5 .progress-point {
    transform: rotate(calc(calc((24.5deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-6 .clip-section {
    transform: rotate(calc((24.5deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-6 .progress-point {
    transform: rotate(calc(calc((24.5deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((24.5deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-12.current-7 .clip-section {
    transform: rotate(calc((24.5deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-7 .progress-point {
    transform: rotate(calc(calc((24.5deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-8 .clip-section {
    transform: rotate(calc((24.5deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-8 .progress-point {
    transform: rotate(calc(calc((24.5deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-9 .clip-section {
    transform: rotate(calc((24.5deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-9 .progress-point {
    transform: rotate(calc(calc((24.5deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-10 .clip-section {
    transform: rotate(calc((24.5deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-10 .progress-point {
    transform: rotate(calc(calc((24.5deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-11 .clip-section {
    transform: rotate(calc((24.5deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-11 .progress-point {
    transform: rotate(calc(calc((24.5deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-12 .clip-section {
    transform: rotate(calc((24.5deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-12.current-12 .progress-point {
    transform: rotate(calc(calc((24.5deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-12.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-12.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-12.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-0 .clip-section {
    transform: rotate(calc((22.61538deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-0 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-13.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-13.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-1 .clip-section {
    transform: rotate(calc((22.61538deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-1 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-2 .clip-section {
    transform: rotate(calc((22.61538deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-2 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-3 .clip-section {
    transform: rotate(calc((22.61538deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-3 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-4 .clip-section {
    transform: rotate(calc((22.61538deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-4 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-5 .clip-section {
    transform: rotate(calc((22.61538deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-5 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-6 .clip-section {
    transform: rotate(calc((22.61538deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-6 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((22.61538deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-13.current-7 .clip-section {
    transform: rotate(calc((22.61538deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-7 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-7 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-7 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-7 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-8 .clip-section {
    transform: rotate(calc((22.61538deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-8 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-9 .clip-section {
    transform: rotate(calc((22.61538deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-9 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-10 .clip-section {
    transform: rotate(calc((22.61538deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-10 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-11 .clip-section {
    transform: rotate(calc((22.61538deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-11 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-12 .clip-section {
    transform: rotate(calc((22.61538deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-12 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-13 .clip-section {
    transform: rotate(calc((22.61538deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-13.current-13 .progress-point {
    transform: rotate(calc(calc((22.61538deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-13.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-13.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-13.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-0 .clip-section {
    transform: rotate(calc((21deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-0 .progress-point {
    transform: rotate(calc(calc((21deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-14.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-14.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-1 .clip-section {
    transform: rotate(calc((21deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-1 .progress-point {
    transform: rotate(calc(calc((21deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-2 .clip-section {
    transform: rotate(calc((21deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-2 .progress-point {
    transform: rotate(calc(calc((21deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-3 .clip-section {
    transform: rotate(calc((21deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-3 .progress-point {
    transform: rotate(calc(calc((21deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-4 .clip-section {
    transform: rotate(calc((21deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-4 .progress-point {
    transform: rotate(calc(calc((21deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-5 .clip-section {
    transform: rotate(calc((21deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-5 .progress-point {
    transform: rotate(calc(calc((21deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-6 .clip-section {
    transform: rotate(calc((21deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-6 .progress-point {
    transform: rotate(calc(calc((21deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-7 .clip-section {
    transform: rotate(calc((21deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-7 .progress-point {
    transform: rotate(calc(calc((21deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((21deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-14.current-8 .clip-section {
    transform: rotate(calc((21deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-8 .progress-point {
    transform: rotate(calc(calc((21deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-9 .clip-section {
    transform: rotate(calc((21deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-9 .progress-point {
    transform: rotate(calc(calc((21deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-10 .clip-section {
    transform: rotate(calc((21deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-10 .progress-point {
    transform: rotate(calc(calc((21deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-11 .clip-section {
    transform: rotate(calc((21deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-11 .progress-point {
    transform: rotate(calc(calc((21deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-12 .clip-section {
    transform: rotate(calc((21deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-12 .progress-point {
    transform: rotate(calc(calc((21deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-13 .clip-section {
    transform: rotate(calc((21deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-13 .progress-point {
    transform: rotate(calc(calc((21deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-14 .clip-section {
    transform: rotate(calc((21deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-14.current-14 .progress-point {
    transform: rotate(calc(calc((21deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-14.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-14.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-14.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-0 .clip-section {
    transform: rotate(calc((19.6deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-0 .progress-point {
    transform: rotate(calc(calc((19.6deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-15.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-15.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-1 .clip-section {
    transform: rotate(calc((19.6deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-1 .progress-point {
    transform: rotate(calc(calc((19.6deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-2 .clip-section {
    transform: rotate(calc((19.6deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-2 .progress-point {
    transform: rotate(calc(calc((19.6deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-3 .clip-section {
    transform: rotate(calc((19.6deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-3 .progress-point {
    transform: rotate(calc(calc((19.6deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-4 .clip-section {
    transform: rotate(calc((19.6deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-4 .progress-point {
    transform: rotate(calc(calc((19.6deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-5 .clip-section {
    transform: rotate(calc((19.6deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-5 .progress-point {
    transform: rotate(calc(calc((19.6deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-6 .clip-section {
    transform: rotate(calc((19.6deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-6 .progress-point {
    transform: rotate(calc(calc((19.6deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-7 .clip-section {
    transform: rotate(calc((19.6deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-7 .progress-point {
    transform: rotate(calc(calc((19.6deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((19.6deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-15.current-8 .clip-section {
    transform: rotate(calc((19.6deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-8 .progress-point {
    transform: rotate(calc(calc((19.6deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-8 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-8 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-8 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-9 .clip-section {
    transform: rotate(calc((19.6deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-9 .progress-point {
    transform: rotate(calc(calc((19.6deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-10 .clip-section {
    transform: rotate(calc((19.6deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-10 .progress-point {
    transform: rotate(calc(calc((19.6deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-11 .clip-section {
    transform: rotate(calc((19.6deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-11 .progress-point {
    transform: rotate(calc(calc((19.6deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-12 .clip-section {
    transform: rotate(calc((19.6deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-12 .progress-point {
    transform: rotate(calc(calc((19.6deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-13 .clip-section {
    transform: rotate(calc((19.6deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-13 .progress-point {
    transform: rotate(calc(calc((19.6deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-14 .clip-section {
    transform: rotate(calc((19.6deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-14 .progress-point {
    transform: rotate(calc(calc((19.6deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-15 .clip-section {
    transform: rotate(calc((19.6deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-15.current-15 .progress-point {
    transform: rotate(calc(calc((19.6deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-15.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-15.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-15.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-0 .clip-section {
    transform: rotate(calc((18.375deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-0 .progress-point {
    transform: rotate(calc(calc((18.375deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-16.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-16.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-1 .clip-section {
    transform: rotate(calc((18.375deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-1 .progress-point {
    transform: rotate(calc(calc((18.375deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-2 .clip-section {
    transform: rotate(calc((18.375deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-2 .progress-point {
    transform: rotate(calc(calc((18.375deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-3 .clip-section {
    transform: rotate(calc((18.375deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-3 .progress-point {
    transform: rotate(calc(calc((18.375deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-4 .clip-section {
    transform: rotate(calc((18.375deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-4 .progress-point {
    transform: rotate(calc(calc((18.375deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-5 .clip-section {
    transform: rotate(calc((18.375deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-5 .progress-point {
    transform: rotate(calc(calc((18.375deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-6 .clip-section {
    transform: rotate(calc((18.375deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-6 .progress-point {
    transform: rotate(calc(calc((18.375deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-7 .clip-section {
    transform: rotate(calc((18.375deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-7 .progress-point {
    transform: rotate(calc(calc((18.375deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-8 .clip-section {
    transform: rotate(calc((18.375deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-8 .progress-point {
    transform: rotate(calc(calc((18.375deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((18.375deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-16.current-9 .clip-section {
    transform: rotate(calc((18.375deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-9 .progress-point {
    transform: rotate(calc(calc((18.375deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-10 .clip-section {
    transform: rotate(calc((18.375deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-10 .progress-point {
    transform: rotate(calc(calc((18.375deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-11 .clip-section {
    transform: rotate(calc((18.375deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-11 .progress-point {
    transform: rotate(calc(calc((18.375deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-12 .clip-section {
    transform: rotate(calc((18.375deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-12 .progress-point {
    transform: rotate(calc(calc((18.375deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-13 .clip-section {
    transform: rotate(calc((18.375deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-13 .progress-point {
    transform: rotate(calc(calc((18.375deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-14 .clip-section {
    transform: rotate(calc((18.375deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-14 .progress-point {
    transform: rotate(calc(calc((18.375deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-15 .clip-section {
    transform: rotate(calc((18.375deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-15 .progress-point {
    transform: rotate(calc(calc((18.375deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-16 .clip-section {
    transform: rotate(calc((18.375deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-16.current-16 .progress-point {
    transform: rotate(calc(calc((18.375deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-16.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-16.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-16.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-0 .clip-section {
    transform: rotate(calc((17.29412deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-0 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-17.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-17.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-1 .clip-section {
    transform: rotate(calc((17.29412deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-1 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-2 .clip-section {
    transform: rotate(calc((17.29412deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-2 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-3 .clip-section {
    transform: rotate(calc((17.29412deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-3 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-4 .clip-section {
    transform: rotate(calc((17.29412deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-4 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-5 .clip-section {
    transform: rotate(calc((17.29412deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-5 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-6 .clip-section {
    transform: rotate(calc((17.29412deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-6 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-7 .clip-section {
    transform: rotate(calc((17.29412deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-7 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-8 .clip-section {
    transform: rotate(calc((17.29412deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-8 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((17.29412deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-17.current-9 .clip-section {
    transform: rotate(calc((17.29412deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-9 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-9 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-9 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-9 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-10 .clip-section {
    transform: rotate(calc((17.29412deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-10 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-11 .clip-section {
    transform: rotate(calc((17.29412deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-11 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-12 .clip-section {
    transform: rotate(calc((17.29412deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-12 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-13 .clip-section {
    transform: rotate(calc((17.29412deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-13 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-14 .clip-section {
    transform: rotate(calc((17.29412deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-14 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-15 .clip-section {
    transform: rotate(calc((17.29412deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-15 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-16 .clip-section {
    transform: rotate(calc((17.29412deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-16 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-17 .clip-section {
    transform: rotate(calc((17.29412deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-17.current-17 .progress-point {
    transform: rotate(calc(calc((17.29412deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-17.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-17.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-17.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-0 .clip-section {
    transform: rotate(calc((16.33333deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-0 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-18.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-18.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-1 .clip-section {
    transform: rotate(calc((16.33333deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-1 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-2 .clip-section {
    transform: rotate(calc((16.33333deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-2 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-3 .clip-section {
    transform: rotate(calc((16.33333deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-3 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-4 .clip-section {
    transform: rotate(calc((16.33333deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-4 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-5 .clip-section {
    transform: rotate(calc((16.33333deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-5 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-6 .clip-section {
    transform: rotate(calc((16.33333deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-6 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-7 .clip-section {
    transform: rotate(calc((16.33333deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-7 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-8 .clip-section {
    transform: rotate(calc((16.33333deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-8 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-9 .clip-section {
    transform: rotate(calc((16.33333deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-9 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((16.33333deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-18.current-10 .clip-section {
    transform: rotate(calc((16.33333deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-10 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-11 .clip-section {
    transform: rotate(calc((16.33333deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-11 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-12 .clip-section {
    transform: rotate(calc((16.33333deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-12 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-13 .clip-section {
    transform: rotate(calc((16.33333deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-13 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-14 .clip-section {
    transform: rotate(calc((16.33333deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-14 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-15 .clip-section {
    transform: rotate(calc((16.33333deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-15 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-16 .clip-section {
    transform: rotate(calc((16.33333deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-16 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-17 .clip-section {
    transform: rotate(calc((16.33333deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-17 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-18 .clip-section {
    transform: rotate(calc((16.33333deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-18.current-18 .progress-point {
    transform: rotate(calc(calc((16.33333deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-18.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-18.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-18.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-0 .clip-section {
    transform: rotate(calc((15.47368deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-0 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-19.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-19.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-1 .clip-section {
    transform: rotate(calc((15.47368deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-1 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-2 .clip-section {
    transform: rotate(calc((15.47368deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-2 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-3 .clip-section {
    transform: rotate(calc((15.47368deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-3 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-4 .clip-section {
    transform: rotate(calc((15.47368deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-4 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-5 .clip-section {
    transform: rotate(calc((15.47368deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-5 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-6 .clip-section {
    transform: rotate(calc((15.47368deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-6 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-7 .clip-section {
    transform: rotate(calc((15.47368deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-7 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-8 .clip-section {
    transform: rotate(calc((15.47368deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-8 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-9 .clip-section {
    transform: rotate(calc((15.47368deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-9 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((15.47368deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-19.current-10 .clip-section {
    transform: rotate(calc((15.47368deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-10 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-10 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-10 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-10 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-11 .clip-section {
    transform: rotate(calc((15.47368deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-11 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-12 .clip-section {
    transform: rotate(calc((15.47368deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-12 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-13 .clip-section {
    transform: rotate(calc((15.47368deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-13 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-14 .clip-section {
    transform: rotate(calc((15.47368deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-14 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-15 .clip-section {
    transform: rotate(calc((15.47368deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-15 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-16 .clip-section {
    transform: rotate(calc((15.47368deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-16 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-17 .clip-section {
    transform: rotate(calc((15.47368deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-17 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-18 .clip-section {
    transform: rotate(calc((15.47368deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-18 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-19 .clip-section {
    transform: rotate(calc((15.47368deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-19.current-19 .progress-point {
    transform: rotate(calc(calc((15.47368deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-19.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-19.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-19.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-0 .clip-section {
    transform: rotate(calc((14.7deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-0 .progress-point {
    transform: rotate(calc(calc((14.7deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-20.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-20.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-1 .clip-section {
    transform: rotate(calc((14.7deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-1 .progress-point {
    transform: rotate(calc(calc((14.7deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-2 .clip-section {
    transform: rotate(calc((14.7deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-2 .progress-point {
    transform: rotate(calc(calc((14.7deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-3 .clip-section {
    transform: rotate(calc((14.7deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-3 .progress-point {
    transform: rotate(calc(calc((14.7deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-4 .clip-section {
    transform: rotate(calc((14.7deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-4 .progress-point {
    transform: rotate(calc(calc((14.7deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-5 .clip-section {
    transform: rotate(calc((14.7deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-5 .progress-point {
    transform: rotate(calc(calc((14.7deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-6 .clip-section {
    transform: rotate(calc((14.7deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-6 .progress-point {
    transform: rotate(calc(calc((14.7deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-7 .clip-section {
    transform: rotate(calc((14.7deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-7 .progress-point {
    transform: rotate(calc(calc((14.7deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-8 .clip-section {
    transform: rotate(calc((14.7deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-8 .progress-point {
    transform: rotate(calc(calc((14.7deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-9 .clip-section {
    transform: rotate(calc((14.7deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-9 .progress-point {
    transform: rotate(calc(calc((14.7deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-10 .clip-section {
    transform: rotate(calc((14.7deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-10 .progress-point {
    transform: rotate(calc(calc((14.7deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14.7deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-20.current-11 .clip-section {
    transform: rotate(calc((14.7deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-11 .progress-point {
    transform: rotate(calc(calc((14.7deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-12 .clip-section {
    transform: rotate(calc((14.7deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-12 .progress-point {
    transform: rotate(calc(calc((14.7deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-13 .clip-section {
    transform: rotate(calc((14.7deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-13 .progress-point {
    transform: rotate(calc(calc((14.7deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-14 .clip-section {
    transform: rotate(calc((14.7deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-14 .progress-point {
    transform: rotate(calc(calc((14.7deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-15 .clip-section {
    transform: rotate(calc((14.7deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-15 .progress-point {
    transform: rotate(calc(calc((14.7deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-16 .clip-section {
    transform: rotate(calc((14.7deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-16 .progress-point {
    transform: rotate(calc(calc((14.7deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-17 .clip-section {
    transform: rotate(calc((14.7deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-17 .progress-point {
    transform: rotate(calc(calc((14.7deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-18 .clip-section {
    transform: rotate(calc((14.7deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-18 .progress-point {
    transform: rotate(calc(calc((14.7deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-19 .clip-section {
    transform: rotate(calc((14.7deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-19 .progress-point {
    transform: rotate(calc(calc((14.7deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-20 .clip-section {
    transform: rotate(calc((14.7deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-20.current-20 .progress-point {
    transform: rotate(calc(calc((14.7deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-20.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-20.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-20.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-0 .clip-section {
    transform: rotate(calc((14deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-0 .progress-point {
    transform: rotate(calc(calc((14deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-21.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-21.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-1 .clip-section {
    transform: rotate(calc((14deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-1 .progress-point {
    transform: rotate(calc(calc((14deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-2 .clip-section {
    transform: rotate(calc((14deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-2 .progress-point {
    transform: rotate(calc(calc((14deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-3 .clip-section {
    transform: rotate(calc((14deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-3 .progress-point {
    transform: rotate(calc(calc((14deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-4 .clip-section {
    transform: rotate(calc((14deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-4 .progress-point {
    transform: rotate(calc(calc((14deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-5 .clip-section {
    transform: rotate(calc((14deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-5 .progress-point {
    transform: rotate(calc(calc((14deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-6 .clip-section {
    transform: rotate(calc((14deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-6 .progress-point {
    transform: rotate(calc(calc((14deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-7 .clip-section {
    transform: rotate(calc((14deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-7 .progress-point {
    transform: rotate(calc(calc((14deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-8 .clip-section {
    transform: rotate(calc((14deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-8 .progress-point {
    transform: rotate(calc(calc((14deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-9 .clip-section {
    transform: rotate(calc((14deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-9 .progress-point {
    transform: rotate(calc(calc((14deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-10 .clip-section {
    transform: rotate(calc((14deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-10 .progress-point {
    transform: rotate(calc(calc((14deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((14deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-21.current-11 .clip-section {
    transform: rotate(calc((14deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-11 .progress-point {
    transform: rotate(calc(calc((14deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-11 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-11 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-11 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-12 .clip-section {
    transform: rotate(calc((14deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-12 .progress-point {
    transform: rotate(calc(calc((14deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-13 .clip-section {
    transform: rotate(calc((14deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-13 .progress-point {
    transform: rotate(calc(calc((14deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-14 .clip-section {
    transform: rotate(calc((14deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-14 .progress-point {
    transform: rotate(calc(calc((14deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-15 .clip-section {
    transform: rotate(calc((14deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-15 .progress-point {
    transform: rotate(calc(calc((14deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-16 .clip-section {
    transform: rotate(calc((14deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-16 .progress-point {
    transform: rotate(calc(calc((14deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-17 .clip-section {
    transform: rotate(calc((14deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-17 .progress-point {
    transform: rotate(calc(calc((14deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-18 .clip-section {
    transform: rotate(calc((14deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-18 .progress-point {
    transform: rotate(calc(calc((14deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-19 .clip-section {
    transform: rotate(calc((14deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-19 .progress-point {
    transform: rotate(calc(calc((14deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-20 .clip-section {
    transform: rotate(calc((14deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-20 .progress-point {
    transform: rotate(calc(calc((14deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-21 .clip-section {
    transform: rotate(calc((14deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-21.current-21 .progress-point {
    transform: rotate(calc(calc((14deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-21.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-21.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-21.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-0 .clip-section {
    transform: rotate(calc((13.36364deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-0 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-22.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-22.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-1 .clip-section {
    transform: rotate(calc((13.36364deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-1 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-2 .clip-section {
    transform: rotate(calc((13.36364deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-2 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-3 .clip-section {
    transform: rotate(calc((13.36364deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-3 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-4 .clip-section {
    transform: rotate(calc((13.36364deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-4 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-5 .clip-section {
    transform: rotate(calc((13.36364deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-5 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-6 .clip-section {
    transform: rotate(calc((13.36364deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-6 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-7 .clip-section {
    transform: rotate(calc((13.36364deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-7 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-8 .clip-section {
    transform: rotate(calc((13.36364deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-8 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-9 .clip-section {
    transform: rotate(calc((13.36364deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-9 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-10 .clip-section {
    transform: rotate(calc((13.36364deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-10 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-11 .clip-section {
    transform: rotate(calc((13.36364deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-11 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((13.36364deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-22.current-12 .clip-section {
    transform: rotate(calc((13.36364deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-12 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-13 .clip-section {
    transform: rotate(calc((13.36364deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-13 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-14 .clip-section {
    transform: rotate(calc((13.36364deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-14 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-15 .clip-section {
    transform: rotate(calc((13.36364deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-15 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-16 .clip-section {
    transform: rotate(calc((13.36364deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-16 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-17 .clip-section {
    transform: rotate(calc((13.36364deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-17 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-18 .clip-section {
    transform: rotate(calc((13.36364deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-18 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-19 .clip-section {
    transform: rotate(calc((13.36364deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-19 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-20 .clip-section {
    transform: rotate(calc((13.36364deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-20 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-21 .clip-section {
    transform: rotate(calc((13.36364deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-21 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-22 .clip-section {
    transform: rotate(calc((13.36364deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-22.current-22 .progress-point {
    transform: rotate(calc(calc((13.36364deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-22.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-22.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-22.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-0 .clip-section {
    transform: rotate(calc((12.78261deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-0 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-23.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-23.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-1 .clip-section {
    transform: rotate(calc((12.78261deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-1 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-2 .clip-section {
    transform: rotate(calc((12.78261deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-2 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-3 .clip-section {
    transform: rotate(calc((12.78261deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-3 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-4 .clip-section {
    transform: rotate(calc((12.78261deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-4 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-5 .clip-section {
    transform: rotate(calc((12.78261deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-5 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-6 .clip-section {
    transform: rotate(calc((12.78261deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-6 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-7 .clip-section {
    transform: rotate(calc((12.78261deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-7 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-8 .clip-section {
    transform: rotate(calc((12.78261deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-8 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-9 .clip-section {
    transform: rotate(calc((12.78261deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-9 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-10 .clip-section {
    transform: rotate(calc((12.78261deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-10 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-11 .clip-section {
    transform: rotate(calc((12.78261deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-11 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.78261deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-23.current-12 .clip-section {
    transform: rotate(calc((12.78261deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-12 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-12 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-12 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-12 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-13 .clip-section {
    transform: rotate(calc((12.78261deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-13 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-14 .clip-section {
    transform: rotate(calc((12.78261deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-14 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-15 .clip-section {
    transform: rotate(calc((12.78261deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-15 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-16 .clip-section {
    transform: rotate(calc((12.78261deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-16 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-17 .clip-section {
    transform: rotate(calc((12.78261deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-17 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-18 .clip-section {
    transform: rotate(calc((12.78261deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-18 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-19 .clip-section {
    transform: rotate(calc((12.78261deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-19 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-20 .clip-section {
    transform: rotate(calc((12.78261deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-20 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-21 .clip-section {
    transform: rotate(calc((12.78261deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-21 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-22 .clip-section {
    transform: rotate(calc((12.78261deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-22 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-23 .clip-section {
    transform: rotate(calc((12.78261deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-23.current-23 .progress-point {
    transform: rotate(calc(calc((12.78261deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-23.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-23.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-23.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-0 .clip-section {
    transform: rotate(calc((12.25deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-0 .progress-point {
    transform: rotate(calc(calc((12.25deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-24.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-24.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-1 .clip-section {
    transform: rotate(calc((12.25deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-1 .progress-point {
    transform: rotate(calc(calc((12.25deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-2 .clip-section {
    transform: rotate(calc((12.25deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-2 .progress-point {
    transform: rotate(calc(calc((12.25deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-3 .clip-section {
    transform: rotate(calc((12.25deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-3 .progress-point {
    transform: rotate(calc(calc((12.25deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-4 .clip-section {
    transform: rotate(calc((12.25deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-4 .progress-point {
    transform: rotate(calc(calc((12.25deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-5 .clip-section {
    transform: rotate(calc((12.25deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-5 .progress-point {
    transform: rotate(calc(calc((12.25deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-6 .clip-section {
    transform: rotate(calc((12.25deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-6 .progress-point {
    transform: rotate(calc(calc((12.25deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-7 .clip-section {
    transform: rotate(calc((12.25deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-7 .progress-point {
    transform: rotate(calc(calc((12.25deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-8 .clip-section {
    transform: rotate(calc((12.25deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-8 .progress-point {
    transform: rotate(calc(calc((12.25deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-9 .clip-section {
    transform: rotate(calc((12.25deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-9 .progress-point {
    transform: rotate(calc(calc((12.25deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-10 .clip-section {
    transform: rotate(calc((12.25deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-10 .progress-point {
    transform: rotate(calc(calc((12.25deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-11 .clip-section {
    transform: rotate(calc((12.25deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-11 .progress-point {
    transform: rotate(calc(calc((12.25deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-12 .clip-section {
    transform: rotate(calc((12.25deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-12 .progress-point {
    transform: rotate(calc(calc((12.25deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((12.25deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-24.current-13 .clip-section {
    transform: rotate(calc((12.25deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-13 .progress-point {
    transform: rotate(calc(calc((12.25deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-14 .clip-section {
    transform: rotate(calc((12.25deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-14 .progress-point {
    transform: rotate(calc(calc((12.25deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-15 .clip-section {
    transform: rotate(calc((12.25deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-15 .progress-point {
    transform: rotate(calc(calc((12.25deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-16 .clip-section {
    transform: rotate(calc((12.25deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-16 .progress-point {
    transform: rotate(calc(calc((12.25deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-17 .clip-section {
    transform: rotate(calc((12.25deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-17 .progress-point {
    transform: rotate(calc(calc((12.25deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-18 .clip-section {
    transform: rotate(calc((12.25deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-18 .progress-point {
    transform: rotate(calc(calc((12.25deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-19 .clip-section {
    transform: rotate(calc((12.25deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-19 .progress-point {
    transform: rotate(calc(calc((12.25deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-20 .clip-section {
    transform: rotate(calc((12.25deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-20 .progress-point {
    transform: rotate(calc(calc((12.25deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-21 .clip-section {
    transform: rotate(calc((12.25deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-21 .progress-point {
    transform: rotate(calc(calc((12.25deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-22 .clip-section {
    transform: rotate(calc((12.25deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-22 .progress-point {
    transform: rotate(calc(calc((12.25deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-23 .clip-section {
    transform: rotate(calc((12.25deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-23 .progress-point {
    transform: rotate(calc(calc((12.25deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-24 .clip-section {
    transform: rotate(calc((12.25deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-24.current-24 .progress-point {
    transform: rotate(calc(calc((12.25deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-24.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-24.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-24.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-0 .clip-section {
    transform: rotate(calc((11.76deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-0 .progress-point {
    transform: rotate(calc(calc((11.76deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-25.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-25.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-1 .clip-section {
    transform: rotate(calc((11.76deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-1 .progress-point {
    transform: rotate(calc(calc((11.76deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-2 .clip-section {
    transform: rotate(calc((11.76deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-2 .progress-point {
    transform: rotate(calc(calc((11.76deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-3 .clip-section {
    transform: rotate(calc((11.76deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-3 .progress-point {
    transform: rotate(calc(calc((11.76deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-4 .clip-section {
    transform: rotate(calc((11.76deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-4 .progress-point {
    transform: rotate(calc(calc((11.76deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-5 .clip-section {
    transform: rotate(calc((11.76deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-5 .progress-point {
    transform: rotate(calc(calc((11.76deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-6 .clip-section {
    transform: rotate(calc((11.76deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-6 .progress-point {
    transform: rotate(calc(calc((11.76deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-7 .clip-section {
    transform: rotate(calc((11.76deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-7 .progress-point {
    transform: rotate(calc(calc((11.76deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-8 .clip-section {
    transform: rotate(calc((11.76deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-8 .progress-point {
    transform: rotate(calc(calc((11.76deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-9 .clip-section {
    transform: rotate(calc((11.76deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-9 .progress-point {
    transform: rotate(calc(calc((11.76deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-10 .clip-section {
    transform: rotate(calc((11.76deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-10 .progress-point {
    transform: rotate(calc(calc((11.76deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-11 .clip-section {
    transform: rotate(calc((11.76deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-11 .progress-point {
    transform: rotate(calc(calc((11.76deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-12 .clip-section {
    transform: rotate(calc((11.76deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-12 .progress-point {
    transform: rotate(calc(calc((11.76deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.76deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-25.current-13 .clip-section {
    transform: rotate(calc((11.76deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-13 .progress-point {
    transform: rotate(calc(calc((11.76deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-13 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-13 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-13 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-14 .clip-section {
    transform: rotate(calc((11.76deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-14 .progress-point {
    transform: rotate(calc(calc((11.76deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-15 .clip-section {
    transform: rotate(calc((11.76deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-15 .progress-point {
    transform: rotate(calc(calc((11.76deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-16 .clip-section {
    transform: rotate(calc((11.76deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-16 .progress-point {
    transform: rotate(calc(calc((11.76deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-17 .clip-section {
    transform: rotate(calc((11.76deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-17 .progress-point {
    transform: rotate(calc(calc((11.76deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-18 .clip-section {
    transform: rotate(calc((11.76deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-18 .progress-point {
    transform: rotate(calc(calc((11.76deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-19 .clip-section {
    transform: rotate(calc((11.76deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-19 .progress-point {
    transform: rotate(calc(calc((11.76deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-20 .clip-section {
    transform: rotate(calc((11.76deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-20 .progress-point {
    transform: rotate(calc(calc((11.76deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-21 .clip-section {
    transform: rotate(calc((11.76deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-21 .progress-point {
    transform: rotate(calc(calc((11.76deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-22 .clip-section {
    transform: rotate(calc((11.76deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-22 .progress-point {
    transform: rotate(calc(calc((11.76deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-23 .clip-section {
    transform: rotate(calc((11.76deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-23 .progress-point {
    transform: rotate(calc(calc((11.76deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-24 .clip-section {
    transform: rotate(calc((11.76deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-24 .progress-point {
    transform: rotate(calc(calc((11.76deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-25 .clip-section {
    transform: rotate(calc((11.76deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-25.current-25 .progress-point {
    transform: rotate(calc(calc((11.76deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-25.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-25.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-25.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-0 .clip-section {
    transform: rotate(calc((11.30769deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-0 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-26.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-26.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-1 .clip-section {
    transform: rotate(calc((11.30769deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-1 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-2 .clip-section {
    transform: rotate(calc((11.30769deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-2 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-3 .clip-section {
    transform: rotate(calc((11.30769deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-3 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-4 .clip-section {
    transform: rotate(calc((11.30769deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-4 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-5 .clip-section {
    transform: rotate(calc((11.30769deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-5 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-6 .clip-section {
    transform: rotate(calc((11.30769deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-6 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-7 .clip-section {
    transform: rotate(calc((11.30769deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-7 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-8 .clip-section {
    transform: rotate(calc((11.30769deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-8 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-9 .clip-section {
    transform: rotate(calc((11.30769deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-9 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-10 .clip-section {
    transform: rotate(calc((11.30769deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-10 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-11 .clip-section {
    transform: rotate(calc((11.30769deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-11 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-12 .clip-section {
    transform: rotate(calc((11.30769deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-12 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-13 .clip-section {
    transform: rotate(calc((11.30769deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-13 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((11.30769deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-26.current-14 .clip-section {
    transform: rotate(calc((11.30769deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-14 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-15 .clip-section {
    transform: rotate(calc((11.30769deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-15 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-16 .clip-section {
    transform: rotate(calc((11.30769deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-16 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-17 .clip-section {
    transform: rotate(calc((11.30769deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-17 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-18 .clip-section {
    transform: rotate(calc((11.30769deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-18 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-19 .clip-section {
    transform: rotate(calc((11.30769deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-19 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-20 .clip-section {
    transform: rotate(calc((11.30769deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-20 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-21 .clip-section {
    transform: rotate(calc((11.30769deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-21 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-22 .clip-section {
    transform: rotate(calc((11.30769deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-22 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-23 .clip-section {
    transform: rotate(calc((11.30769deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-23 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-24 .clip-section {
    transform: rotate(calc((11.30769deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-24 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-25 .clip-section {
    transform: rotate(calc((11.30769deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-25 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-26 .clip-section {
    transform: rotate(calc((11.30769deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-26.current-26 .progress-point {
    transform: rotate(calc(calc((11.30769deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-26.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-26.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-26.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-0 .clip-section {
    transform: rotate(calc((10.88889deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-0 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-27.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-27.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-1 .clip-section {
    transform: rotate(calc((10.88889deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-1 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-2 .clip-section {
    transform: rotate(calc((10.88889deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-2 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-3 .clip-section {
    transform: rotate(calc((10.88889deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-3 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-4 .clip-section {
    transform: rotate(calc((10.88889deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-4 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-5 .clip-section {
    transform: rotate(calc((10.88889deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-5 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-6 .clip-section {
    transform: rotate(calc((10.88889deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-6 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-7 .clip-section {
    transform: rotate(calc((10.88889deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-7 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-8 .clip-section {
    transform: rotate(calc((10.88889deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-8 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-9 .clip-section {
    transform: rotate(calc((10.88889deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-9 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-10 .clip-section {
    transform: rotate(calc((10.88889deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-10 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-11 .clip-section {
    transform: rotate(calc((10.88889deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-11 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-12 .clip-section {
    transform: rotate(calc((10.88889deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-12 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-13 .clip-section {
    transform: rotate(calc((10.88889deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-13 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.88889deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-27.current-14 .clip-section {
    transform: rotate(calc((10.88889deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-14 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-14 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-14 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-14 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-15 .clip-section {
    transform: rotate(calc((10.88889deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-15 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-16 .clip-section {
    transform: rotate(calc((10.88889deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-16 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-17 .clip-section {
    transform: rotate(calc((10.88889deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-17 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-18 .clip-section {
    transform: rotate(calc((10.88889deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-18 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-19 .clip-section {
    transform: rotate(calc((10.88889deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-19 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-20 .clip-section {
    transform: rotate(calc((10.88889deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-20 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-21 .clip-section {
    transform: rotate(calc((10.88889deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-21 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-22 .clip-section {
    transform: rotate(calc((10.88889deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-22 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-23 .clip-section {
    transform: rotate(calc((10.88889deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-23 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-24 .clip-section {
    transform: rotate(calc((10.88889deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-24 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-25 .clip-section {
    transform: rotate(calc((10.88889deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-25 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-26 .clip-section {
    transform: rotate(calc((10.88889deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-26 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-27 .clip-section {
    transform: rotate(calc((10.88889deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-27.current-27 .progress-point {
    transform: rotate(calc(calc((10.88889deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-27.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-27.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-27.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-0 .clip-section {
    transform: rotate(calc((10.5deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-0 .progress-point {
    transform: rotate(calc(calc((10.5deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-28.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-28.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-1 .clip-section {
    transform: rotate(calc((10.5deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-1 .progress-point {
    transform: rotate(calc(calc((10.5deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-2 .clip-section {
    transform: rotate(calc((10.5deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-2 .progress-point {
    transform: rotate(calc(calc((10.5deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-3 .clip-section {
    transform: rotate(calc((10.5deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-3 .progress-point {
    transform: rotate(calc(calc((10.5deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-4 .clip-section {
    transform: rotate(calc((10.5deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-4 .progress-point {
    transform: rotate(calc(calc((10.5deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-5 .clip-section {
    transform: rotate(calc((10.5deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-5 .progress-point {
    transform: rotate(calc(calc((10.5deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-6 .clip-section {
    transform: rotate(calc((10.5deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-6 .progress-point {
    transform: rotate(calc(calc((10.5deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-7 .clip-section {
    transform: rotate(calc((10.5deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-7 .progress-point {
    transform: rotate(calc(calc((10.5deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-8 .clip-section {
    transform: rotate(calc((10.5deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-8 .progress-point {
    transform: rotate(calc(calc((10.5deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-9 .clip-section {
    transform: rotate(calc((10.5deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-9 .progress-point {
    transform: rotate(calc(calc((10.5deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-10 .clip-section {
    transform: rotate(calc((10.5deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-10 .progress-point {
    transform: rotate(calc(calc((10.5deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-11 .clip-section {
    transform: rotate(calc((10.5deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-11 .progress-point {
    transform: rotate(calc(calc((10.5deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-12 .clip-section {
    transform: rotate(calc((10.5deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-12 .progress-point {
    transform: rotate(calc(calc((10.5deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-13 .clip-section {
    transform: rotate(calc((10.5deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-13 .progress-point {
    transform: rotate(calc(calc((10.5deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-14 .clip-section {
    transform: rotate(calc((10.5deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-14 .progress-point {
    transform: rotate(calc(calc((10.5deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.5deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-28.current-15 .clip-section {
    transform: rotate(calc((10.5deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-15 .progress-point {
    transform: rotate(calc(calc((10.5deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-16 .clip-section {
    transform: rotate(calc((10.5deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-16 .progress-point {
    transform: rotate(calc(calc((10.5deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-17 .clip-section {
    transform: rotate(calc((10.5deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-17 .progress-point {
    transform: rotate(calc(calc((10.5deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-18 .clip-section {
    transform: rotate(calc((10.5deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-18 .progress-point {
    transform: rotate(calc(calc((10.5deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-19 .clip-section {
    transform: rotate(calc((10.5deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-19 .progress-point {
    transform: rotate(calc(calc((10.5deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-20 .clip-section {
    transform: rotate(calc((10.5deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-20 .progress-point {
    transform: rotate(calc(calc((10.5deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-21 .clip-section {
    transform: rotate(calc((10.5deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-21 .progress-point {
    transform: rotate(calc(calc((10.5deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-22 .clip-section {
    transform: rotate(calc((10.5deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-22 .progress-point {
    transform: rotate(calc(calc((10.5deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-23 .clip-section {
    transform: rotate(calc((10.5deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-23 .progress-point {
    transform: rotate(calc(calc((10.5deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-24 .clip-section {
    transform: rotate(calc((10.5deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-24 .progress-point {
    transform: rotate(calc(calc((10.5deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-25 .clip-section {
    transform: rotate(calc((10.5deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-25 .progress-point {
    transform: rotate(calc(calc((10.5deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-26 .clip-section {
    transform: rotate(calc((10.5deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-26 .progress-point {
    transform: rotate(calc(calc((10.5deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-27 .clip-section {
    transform: rotate(calc((10.5deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-27 .progress-point {
    transform: rotate(calc(calc((10.5deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-28 .clip-section {
    transform: rotate(calc((10.5deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-28.current-28 .progress-point {
    transform: rotate(calc(calc((10.5deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-28.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-28.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-28.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-0 .clip-section {
    transform: rotate(calc((10.13793deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-0 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-29.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-29.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-1 .clip-section {
    transform: rotate(calc((10.13793deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-1 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-2 .clip-section {
    transform: rotate(calc((10.13793deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-2 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-3 .clip-section {
    transform: rotate(calc((10.13793deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-3 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-4 .clip-section {
    transform: rotate(calc((10.13793deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-4 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-5 .clip-section {
    transform: rotate(calc((10.13793deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-5 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-6 .clip-section {
    transform: rotate(calc((10.13793deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-6 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-7 .clip-section {
    transform: rotate(calc((10.13793deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-7 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-8 .clip-section {
    transform: rotate(calc((10.13793deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-8 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-9 .clip-section {
    transform: rotate(calc((10.13793deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-9 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-10 .clip-section {
    transform: rotate(calc((10.13793deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-10 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-11 .clip-section {
    transform: rotate(calc((10.13793deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-11 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-12 .clip-section {
    transform: rotate(calc((10.13793deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-12 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-13 .clip-section {
    transform: rotate(calc((10.13793deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-13 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-14 .clip-section {
    transform: rotate(calc((10.13793deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-14 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((10.13793deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-29.current-15 .clip-section {
    transform: rotate(calc((10.13793deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-15 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-15 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-15 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-15 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-16 .clip-section {
    transform: rotate(calc((10.13793deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-16 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-17 .clip-section {
    transform: rotate(calc((10.13793deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-17 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-18 .clip-section {
    transform: rotate(calc((10.13793deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-18 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-19 .clip-section {
    transform: rotate(calc((10.13793deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-19 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-20 .clip-section {
    transform: rotate(calc((10.13793deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-20 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-21 .clip-section {
    transform: rotate(calc((10.13793deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-21 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-22 .clip-section {
    transform: rotate(calc((10.13793deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-22 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-23 .clip-section {
    transform: rotate(calc((10.13793deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-23 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-24 .clip-section {
    transform: rotate(calc((10.13793deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-24 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-25 .clip-section {
    transform: rotate(calc((10.13793deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-25 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-26 .clip-section {
    transform: rotate(calc((10.13793deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-26 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-27 .clip-section {
    transform: rotate(calc((10.13793deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-27 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-28 .clip-section {
    transform: rotate(calc((10.13793deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-28 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-29 .clip-section {
    transform: rotate(calc((10.13793deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-29.current-29 .progress-point {
    transform: rotate(calc(calc((10.13793deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-29.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-29.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-29.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-0 .clip-section {
    transform: rotate(calc((9.8deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-0 .progress-point {
    transform: rotate(calc(calc((9.8deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-30.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-30.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-1 .clip-section {
    transform: rotate(calc((9.8deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-1 .progress-point {
    transform: rotate(calc(calc((9.8deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-2 .clip-section {
    transform: rotate(calc((9.8deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-2 .progress-point {
    transform: rotate(calc(calc((9.8deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-3 .clip-section {
    transform: rotate(calc((9.8deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-3 .progress-point {
    transform: rotate(calc(calc((9.8deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-4 .clip-section {
    transform: rotate(calc((9.8deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-4 .progress-point {
    transform: rotate(calc(calc((9.8deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-5 .clip-section {
    transform: rotate(calc((9.8deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-5 .progress-point {
    transform: rotate(calc(calc((9.8deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-6 .clip-section {
    transform: rotate(calc((9.8deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-6 .progress-point {
    transform: rotate(calc(calc((9.8deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-7 .clip-section {
    transform: rotate(calc((9.8deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-7 .progress-point {
    transform: rotate(calc(calc((9.8deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-8 .clip-section {
    transform: rotate(calc((9.8deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-8 .progress-point {
    transform: rotate(calc(calc((9.8deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-9 .clip-section {
    transform: rotate(calc((9.8deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-9 .progress-point {
    transform: rotate(calc(calc((9.8deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-10 .clip-section {
    transform: rotate(calc((9.8deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-10 .progress-point {
    transform: rotate(calc(calc((9.8deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-11 .clip-section {
    transform: rotate(calc((9.8deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-11 .progress-point {
    transform: rotate(calc(calc((9.8deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-12 .clip-section {
    transform: rotate(calc((9.8deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-12 .progress-point {
    transform: rotate(calc(calc((9.8deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-13 .clip-section {
    transform: rotate(calc((9.8deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-13 .progress-point {
    transform: rotate(calc(calc((9.8deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-14 .clip-section {
    transform: rotate(calc((9.8deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-14 .progress-point {
    transform: rotate(calc(calc((9.8deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-15 .clip-section {
    transform: rotate(calc((9.8deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-15 .progress-point {
    transform: rotate(calc(calc((9.8deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.8deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-30.current-16 .clip-section {
    transform: rotate(calc((9.8deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-16 .progress-point {
    transform: rotate(calc(calc((9.8deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-17 .clip-section {
    transform: rotate(calc((9.8deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-17 .progress-point {
    transform: rotate(calc(calc((9.8deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-18 .clip-section {
    transform: rotate(calc((9.8deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-18 .progress-point {
    transform: rotate(calc(calc((9.8deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-19 .clip-section {
    transform: rotate(calc((9.8deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-19 .progress-point {
    transform: rotate(calc(calc((9.8deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-20 .clip-section {
    transform: rotate(calc((9.8deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-20 .progress-point {
    transform: rotate(calc(calc((9.8deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-21 .clip-section {
    transform: rotate(calc((9.8deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-21 .progress-point {
    transform: rotate(calc(calc((9.8deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-22 .clip-section {
    transform: rotate(calc((9.8deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-22 .progress-point {
    transform: rotate(calc(calc((9.8deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-23 .clip-section {
    transform: rotate(calc((9.8deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-23 .progress-point {
    transform: rotate(calc(calc((9.8deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-24 .clip-section {
    transform: rotate(calc((9.8deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-24 .progress-point {
    transform: rotate(calc(calc((9.8deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-25 .clip-section {
    transform: rotate(calc((9.8deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-25 .progress-point {
    transform: rotate(calc(calc((9.8deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-26 .clip-section {
    transform: rotate(calc((9.8deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-26 .progress-point {
    transform: rotate(calc(calc((9.8deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-27 .clip-section {
    transform: rotate(calc((9.8deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-27 .progress-point {
    transform: rotate(calc(calc((9.8deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-28 .clip-section {
    transform: rotate(calc((9.8deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-28 .progress-point {
    transform: rotate(calc(calc((9.8deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-29 .clip-section {
    transform: rotate(calc((9.8deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-29 .progress-point {
    transform: rotate(calc(calc((9.8deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-30 .clip-section {
    transform: rotate(calc((9.8deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-30.current-30 .progress-point {
    transform: rotate(calc(calc((9.8deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-30.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-30.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-30.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-0 .clip-section {
    transform: rotate(calc((9.48387deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-0 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-31.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-31.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-1 .clip-section {
    transform: rotate(calc((9.48387deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-1 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-2 .clip-section {
    transform: rotate(calc((9.48387deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-2 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-3 .clip-section {
    transform: rotate(calc((9.48387deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-3 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-4 .clip-section {
    transform: rotate(calc((9.48387deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-4 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-5 .clip-section {
    transform: rotate(calc((9.48387deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-5 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-6 .clip-section {
    transform: rotate(calc((9.48387deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-6 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-7 .clip-section {
    transform: rotate(calc((9.48387deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-7 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-8 .clip-section {
    transform: rotate(calc((9.48387deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-8 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-9 .clip-section {
    transform: rotate(calc((9.48387deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-9 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-10 .clip-section {
    transform: rotate(calc((9.48387deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-10 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-11 .clip-section {
    transform: rotate(calc((9.48387deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-11 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-12 .clip-section {
    transform: rotate(calc((9.48387deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-12 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-13 .clip-section {
    transform: rotate(calc((9.48387deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-13 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-14 .clip-section {
    transform: rotate(calc((9.48387deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-14 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-15 .clip-section {
    transform: rotate(calc((9.48387deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-15 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.48387deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-31.current-16 .clip-section {
    transform: rotate(calc((9.48387deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-16 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-16 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-16 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-16 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-17 .clip-section {
    transform: rotate(calc((9.48387deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-17 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-18 .clip-section {
    transform: rotate(calc((9.48387deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-18 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-19 .clip-section {
    transform: rotate(calc((9.48387deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-19 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-20 .clip-section {
    transform: rotate(calc((9.48387deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-20 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-21 .clip-section {
    transform: rotate(calc((9.48387deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-21 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-22 .clip-section {
    transform: rotate(calc((9.48387deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-22 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-23 .clip-section {
    transform: rotate(calc((9.48387deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-23 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-24 .clip-section {
    transform: rotate(calc((9.48387deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-24 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-25 .clip-section {
    transform: rotate(calc((9.48387deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-25 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-26 .clip-section {
    transform: rotate(calc((9.48387deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-26 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-27 .clip-section {
    transform: rotate(calc((9.48387deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-27 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-28 .clip-section {
    transform: rotate(calc((9.48387deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-28 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-29 .clip-section {
    transform: rotate(calc((9.48387deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-29 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-30 .clip-section {
    transform: rotate(calc((9.48387deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-30 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-31 .clip-section {
    transform: rotate(calc((9.48387deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-31.current-31 .progress-point {
    transform: rotate(calc(calc((9.48387deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-31.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-31.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-31.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-0 .clip-section {
    transform: rotate(calc((9.1875deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-0 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-32.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-32.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-1 .clip-section {
    transform: rotate(calc((9.1875deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-1 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-2 .clip-section {
    transform: rotate(calc((9.1875deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-2 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-3 .clip-section {
    transform: rotate(calc((9.1875deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-3 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-4 .clip-section {
    transform: rotate(calc((9.1875deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-4 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-5 .clip-section {
    transform: rotate(calc((9.1875deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-5 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-6 .clip-section {
    transform: rotate(calc((9.1875deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-6 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-7 .clip-section {
    transform: rotate(calc((9.1875deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-7 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-8 .clip-section {
    transform: rotate(calc((9.1875deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-8 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-9 .clip-section {
    transform: rotate(calc((9.1875deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-9 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-10 .clip-section {
    transform: rotate(calc((9.1875deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-10 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-11 .clip-section {
    transform: rotate(calc((9.1875deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-11 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-12 .clip-section {
    transform: rotate(calc((9.1875deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-12 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-13 .clip-section {
    transform: rotate(calc((9.1875deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-13 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-14 .clip-section {
    transform: rotate(calc((9.1875deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-14 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-15 .clip-section {
    transform: rotate(calc((9.1875deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-15 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-16 .clip-section {
    transform: rotate(calc((9.1875deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-16 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((9.1875deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-32.current-17 .clip-section {
    transform: rotate(calc((9.1875deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-17 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-18 .clip-section {
    transform: rotate(calc((9.1875deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-18 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-19 .clip-section {
    transform: rotate(calc((9.1875deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-19 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-20 .clip-section {
    transform: rotate(calc((9.1875deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-20 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-21 .clip-section {
    transform: rotate(calc((9.1875deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-21 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-22 .clip-section {
    transform: rotate(calc((9.1875deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-22 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-23 .clip-section {
    transform: rotate(calc((9.1875deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-23 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-24 .clip-section {
    transform: rotate(calc((9.1875deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-24 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-25 .clip-section {
    transform: rotate(calc((9.1875deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-25 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-26 .clip-section {
    transform: rotate(calc((9.1875deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-26 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-27 .clip-section {
    transform: rotate(calc((9.1875deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-27 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-28 .clip-section {
    transform: rotate(calc((9.1875deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-28 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-29 .clip-section {
    transform: rotate(calc((9.1875deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-29 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-30 .clip-section {
    transform: rotate(calc((9.1875deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-30 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-31 .clip-section {
    transform: rotate(calc((9.1875deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-31 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-32 .clip-section {
    transform: rotate(calc((9.1875deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-32.current-32 .progress-point {
    transform: rotate(calc(calc((9.1875deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-32.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-32.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-32.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-0 .clip-section {
    transform: rotate(calc((8.90909deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-0 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-33.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-33.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-1 .clip-section {
    transform: rotate(calc((8.90909deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-1 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-2 .clip-section {
    transform: rotate(calc((8.90909deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-2 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-3 .clip-section {
    transform: rotate(calc((8.90909deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-3 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-4 .clip-section {
    transform: rotate(calc((8.90909deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-4 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-5 .clip-section {
    transform: rotate(calc((8.90909deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-5 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-6 .clip-section {
    transform: rotate(calc((8.90909deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-6 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-7 .clip-section {
    transform: rotate(calc((8.90909deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-7 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-8 .clip-section {
    transform: rotate(calc((8.90909deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-8 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-9 .clip-section {
    transform: rotate(calc((8.90909deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-9 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-10 .clip-section {
    transform: rotate(calc((8.90909deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-10 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-11 .clip-section {
    transform: rotate(calc((8.90909deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-11 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-12 .clip-section {
    transform: rotate(calc((8.90909deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-12 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-13 .clip-section {
    transform: rotate(calc((8.90909deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-13 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-14 .clip-section {
    transform: rotate(calc((8.90909deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-14 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-15 .clip-section {
    transform: rotate(calc((8.90909deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-15 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-16 .clip-section {
    transform: rotate(calc((8.90909deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-16 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.90909deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-33.current-17 .clip-section {
    transform: rotate(calc((8.90909deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-17 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-17 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-17 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-17 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-18 .clip-section {
    transform: rotate(calc((8.90909deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-18 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-19 .clip-section {
    transform: rotate(calc((8.90909deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-19 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-20 .clip-section {
    transform: rotate(calc((8.90909deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-20 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-21 .clip-section {
    transform: rotate(calc((8.90909deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-21 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-22 .clip-section {
    transform: rotate(calc((8.90909deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-22 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-23 .clip-section {
    transform: rotate(calc((8.90909deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-23 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-24 .clip-section {
    transform: rotate(calc((8.90909deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-24 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-25 .clip-section {
    transform: rotate(calc((8.90909deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-25 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-26 .clip-section {
    transform: rotate(calc((8.90909deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-26 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-27 .clip-section {
    transform: rotate(calc((8.90909deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-27 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-28 .clip-section {
    transform: rotate(calc((8.90909deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-28 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-29 .clip-section {
    transform: rotate(calc((8.90909deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-29 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-30 .clip-section {
    transform: rotate(calc((8.90909deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-30 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-31 .clip-section {
    transform: rotate(calc((8.90909deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-31 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-32 .clip-section {
    transform: rotate(calc((8.90909deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-32 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-33 .clip-section {
    transform: rotate(calc((8.90909deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-33.current-33 .progress-point {
    transform: rotate(calc(calc((8.90909deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-33.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-33.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-33.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-0 .clip-section {
    transform: rotate(calc((8.64706deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-0 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-34.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-34.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-1 .clip-section {
    transform: rotate(calc((8.64706deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-1 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-2 .clip-section {
    transform: rotate(calc((8.64706deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-2 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-3 .clip-section {
    transform: rotate(calc((8.64706deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-3 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-4 .clip-section {
    transform: rotate(calc((8.64706deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-4 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-5 .clip-section {
    transform: rotate(calc((8.64706deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-5 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-6 .clip-section {
    transform: rotate(calc((8.64706deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-6 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-7 .clip-section {
    transform: rotate(calc((8.64706deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-7 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-8 .clip-section {
    transform: rotate(calc((8.64706deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-8 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-9 .clip-section {
    transform: rotate(calc((8.64706deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-9 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-10 .clip-section {
    transform: rotate(calc((8.64706deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-10 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-11 .clip-section {
    transform: rotate(calc((8.64706deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-11 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-12 .clip-section {
    transform: rotate(calc((8.64706deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-12 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-13 .clip-section {
    transform: rotate(calc((8.64706deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-13 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-14 .clip-section {
    transform: rotate(calc((8.64706deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-14 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-15 .clip-section {
    transform: rotate(calc((8.64706deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-15 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-16 .clip-section {
    transform: rotate(calc((8.64706deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-16 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-17 .clip-section {
    transform: rotate(calc((8.64706deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-17 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.64706deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-34.current-18 .clip-section {
    transform: rotate(calc((8.64706deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-18 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-19 .clip-section {
    transform: rotate(calc((8.64706deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-19 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-20 .clip-section {
    transform: rotate(calc((8.64706deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-20 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-21 .clip-section {
    transform: rotate(calc((8.64706deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-21 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-22 .clip-section {
    transform: rotate(calc((8.64706deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-22 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-23 .clip-section {
    transform: rotate(calc((8.64706deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-23 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-24 .clip-section {
    transform: rotate(calc((8.64706deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-24 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-25 .clip-section {
    transform: rotate(calc((8.64706deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-25 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-26 .clip-section {
    transform: rotate(calc((8.64706deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-26 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-27 .clip-section {
    transform: rotate(calc((8.64706deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-27 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-28 .clip-section {
    transform: rotate(calc((8.64706deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-28 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-29 .clip-section {
    transform: rotate(calc((8.64706deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-29 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-30 .clip-section {
    transform: rotate(calc((8.64706deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-30 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-31 .clip-section {
    transform: rotate(calc((8.64706deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-31 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-32 .clip-section {
    transform: rotate(calc((8.64706deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-32 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-33 .clip-section {
    transform: rotate(calc((8.64706deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-33 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-34 .clip-section {
    transform: rotate(calc((8.64706deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-34.current-34 .progress-point {
    transform: rotate(calc(calc((8.64706deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-34.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-34.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-34.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-0 .clip-section {
    transform: rotate(calc((8.4deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-0 .progress-point {
    transform: rotate(calc(calc((8.4deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-35.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-35.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-1 .clip-section {
    transform: rotate(calc((8.4deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-1 .progress-point {
    transform: rotate(calc(calc((8.4deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-2 .clip-section {
    transform: rotate(calc((8.4deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-2 .progress-point {
    transform: rotate(calc(calc((8.4deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-3 .clip-section {
    transform: rotate(calc((8.4deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-3 .progress-point {
    transform: rotate(calc(calc((8.4deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-4 .clip-section {
    transform: rotate(calc((8.4deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-4 .progress-point {
    transform: rotate(calc(calc((8.4deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-5 .clip-section {
    transform: rotate(calc((8.4deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-5 .progress-point {
    transform: rotate(calc(calc((8.4deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-6 .clip-section {
    transform: rotate(calc((8.4deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-6 .progress-point {
    transform: rotate(calc(calc((8.4deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-7 .clip-section {
    transform: rotate(calc((8.4deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-7 .progress-point {
    transform: rotate(calc(calc((8.4deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-8 .clip-section {
    transform: rotate(calc((8.4deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-8 .progress-point {
    transform: rotate(calc(calc((8.4deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-9 .clip-section {
    transform: rotate(calc((8.4deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-9 .progress-point {
    transform: rotate(calc(calc((8.4deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-10 .clip-section {
    transform: rotate(calc((8.4deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-10 .progress-point {
    transform: rotate(calc(calc((8.4deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-11 .clip-section {
    transform: rotate(calc((8.4deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-11 .progress-point {
    transform: rotate(calc(calc((8.4deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-12 .clip-section {
    transform: rotate(calc((8.4deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-12 .progress-point {
    transform: rotate(calc(calc((8.4deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-13 .clip-section {
    transform: rotate(calc((8.4deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-13 .progress-point {
    transform: rotate(calc(calc((8.4deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-14 .clip-section {
    transform: rotate(calc((8.4deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-14 .progress-point {
    transform: rotate(calc(calc((8.4deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-15 .clip-section {
    transform: rotate(calc((8.4deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-15 .progress-point {
    transform: rotate(calc(calc((8.4deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-16 .clip-section {
    transform: rotate(calc((8.4deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-16 .progress-point {
    transform: rotate(calc(calc((8.4deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-17 .clip-section {
    transform: rotate(calc((8.4deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-17 .progress-point {
    transform: rotate(calc(calc((8.4deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.4deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-35.current-18 .clip-section {
    transform: rotate(calc((8.4deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-18 .progress-point {
    transform: rotate(calc(calc((8.4deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-18 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-18 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-18 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-19 .clip-section {
    transform: rotate(calc((8.4deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-19 .progress-point {
    transform: rotate(calc(calc((8.4deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-20 .clip-section {
    transform: rotate(calc((8.4deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-20 .progress-point {
    transform: rotate(calc(calc((8.4deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-21 .clip-section {
    transform: rotate(calc((8.4deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-21 .progress-point {
    transform: rotate(calc(calc((8.4deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-22 .clip-section {
    transform: rotate(calc((8.4deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-22 .progress-point {
    transform: rotate(calc(calc((8.4deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-23 .clip-section {
    transform: rotate(calc((8.4deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-23 .progress-point {
    transform: rotate(calc(calc((8.4deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-24 .clip-section {
    transform: rotate(calc((8.4deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-24 .progress-point {
    transform: rotate(calc(calc((8.4deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-25 .clip-section {
    transform: rotate(calc((8.4deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-25 .progress-point {
    transform: rotate(calc(calc((8.4deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-26 .clip-section {
    transform: rotate(calc((8.4deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-26 .progress-point {
    transform: rotate(calc(calc((8.4deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-27 .clip-section {
    transform: rotate(calc((8.4deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-27 .progress-point {
    transform: rotate(calc(calc((8.4deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-28 .clip-section {
    transform: rotate(calc((8.4deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-28 .progress-point {
    transform: rotate(calc(calc((8.4deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-29 .clip-section {
    transform: rotate(calc((8.4deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-29 .progress-point {
    transform: rotate(calc(calc((8.4deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-30 .clip-section {
    transform: rotate(calc((8.4deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-30 .progress-point {
    transform: rotate(calc(calc((8.4deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-31 .clip-section {
    transform: rotate(calc((8.4deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-31 .progress-point {
    transform: rotate(calc(calc((8.4deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-32 .clip-section {
    transform: rotate(calc((8.4deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-32 .progress-point {
    transform: rotate(calc(calc((8.4deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-33 .clip-section {
    transform: rotate(calc((8.4deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-33 .progress-point {
    transform: rotate(calc(calc((8.4deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-34 .clip-section {
    transform: rotate(calc((8.4deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-34 .progress-point {
    transform: rotate(calc(calc((8.4deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-35 .clip-section {
    transform: rotate(calc((8.4deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-35.current-35 .progress-point {
    transform: rotate(calc(calc((8.4deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-35.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-35.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-35.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-0 .clip-section {
    transform: rotate(calc((8.16667deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-0 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-36.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-36.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-1 .clip-section {
    transform: rotate(calc((8.16667deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-1 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-2 .clip-section {
    transform: rotate(calc((8.16667deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-2 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-3 .clip-section {
    transform: rotate(calc((8.16667deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-3 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-4 .clip-section {
    transform: rotate(calc((8.16667deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-4 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-5 .clip-section {
    transform: rotate(calc((8.16667deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-5 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-6 .clip-section {
    transform: rotate(calc((8.16667deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-6 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-7 .clip-section {
    transform: rotate(calc((8.16667deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-7 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-8 .clip-section {
    transform: rotate(calc((8.16667deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-8 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-9 .clip-section {
    transform: rotate(calc((8.16667deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-9 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-10 .clip-section {
    transform: rotate(calc((8.16667deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-10 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-11 .clip-section {
    transform: rotate(calc((8.16667deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-11 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-12 .clip-section {
    transform: rotate(calc((8.16667deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-12 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-13 .clip-section {
    transform: rotate(calc((8.16667deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-13 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-14 .clip-section {
    transform: rotate(calc((8.16667deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-14 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-15 .clip-section {
    transform: rotate(calc((8.16667deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-15 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-16 .clip-section {
    transform: rotate(calc((8.16667deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-16 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-17 .clip-section {
    transform: rotate(calc((8.16667deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-17 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-18 .clip-section {
    transform: rotate(calc((8.16667deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-18 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((8.16667deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-36.current-19 .clip-section {
    transform: rotate(calc((8.16667deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-19 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-20 .clip-section {
    transform: rotate(calc((8.16667deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-20 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-21 .clip-section {
    transform: rotate(calc((8.16667deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-21 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-22 .clip-section {
    transform: rotate(calc((8.16667deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-22 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-23 .clip-section {
    transform: rotate(calc((8.16667deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-23 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-24 .clip-section {
    transform: rotate(calc((8.16667deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-24 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-25 .clip-section {
    transform: rotate(calc((8.16667deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-25 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-26 .clip-section {
    transform: rotate(calc((8.16667deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-26 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-27 .clip-section {
    transform: rotate(calc((8.16667deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-27 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-28 .clip-section {
    transform: rotate(calc((8.16667deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-28 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-29 .clip-section {
    transform: rotate(calc((8.16667deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-29 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-30 .clip-section {
    transform: rotate(calc((8.16667deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-30 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-31 .clip-section {
    transform: rotate(calc((8.16667deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-31 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-32 .clip-section {
    transform: rotate(calc((8.16667deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-32 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-33 .clip-section {
    transform: rotate(calc((8.16667deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-33 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-34 .clip-section {
    transform: rotate(calc((8.16667deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-34 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-35 .clip-section {
    transform: rotate(calc((8.16667deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-35 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-36 .clip-section {
    transform: rotate(calc((8.16667deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-36.current-36 .progress-point {
    transform: rotate(calc(calc((8.16667deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-36.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-36.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-36.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-0 .clip-section {
    transform: rotate(calc((7.94595deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-0 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-37.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-37.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-1 .clip-section {
    transform: rotate(calc((7.94595deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-1 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-2 .clip-section {
    transform: rotate(calc((7.94595deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-2 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-3 .clip-section {
    transform: rotate(calc((7.94595deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-3 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-4 .clip-section {
    transform: rotate(calc((7.94595deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-4 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-5 .clip-section {
    transform: rotate(calc((7.94595deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-5 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-6 .clip-section {
    transform: rotate(calc((7.94595deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-6 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-7 .clip-section {
    transform: rotate(calc((7.94595deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-7 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-8 .clip-section {
    transform: rotate(calc((7.94595deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-8 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-9 .clip-section {
    transform: rotate(calc((7.94595deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-9 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-10 .clip-section {
    transform: rotate(calc((7.94595deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-10 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-11 .clip-section {
    transform: rotate(calc((7.94595deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-11 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-12 .clip-section {
    transform: rotate(calc((7.94595deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-12 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-13 .clip-section {
    transform: rotate(calc((7.94595deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-13 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-14 .clip-section {
    transform: rotate(calc((7.94595deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-14 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-15 .clip-section {
    transform: rotate(calc((7.94595deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-15 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-16 .clip-section {
    transform: rotate(calc((7.94595deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-16 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-17 .clip-section {
    transform: rotate(calc((7.94595deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-17 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-18 .clip-section {
    transform: rotate(calc((7.94595deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-18 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.94595deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-37.current-19 .clip-section {
    transform: rotate(calc((7.94595deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-19 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-19 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-19 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-19 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-20 .clip-section {
    transform: rotate(calc((7.94595deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-20 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-21 .clip-section {
    transform: rotate(calc((7.94595deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-21 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-22 .clip-section {
    transform: rotate(calc((7.94595deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-22 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-23 .clip-section {
    transform: rotate(calc((7.94595deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-23 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-24 .clip-section {
    transform: rotate(calc((7.94595deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-24 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-25 .clip-section {
    transform: rotate(calc((7.94595deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-25 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-26 .clip-section {
    transform: rotate(calc((7.94595deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-26 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-27 .clip-section {
    transform: rotate(calc((7.94595deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-27 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-28 .clip-section {
    transform: rotate(calc((7.94595deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-28 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-29 .clip-section {
    transform: rotate(calc((7.94595deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-29 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-30 .clip-section {
    transform: rotate(calc((7.94595deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-30 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-31 .clip-section {
    transform: rotate(calc((7.94595deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-31 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-32 .clip-section {
    transform: rotate(calc((7.94595deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-32 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-33 .clip-section {
    transform: rotate(calc((7.94595deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-33 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-34 .clip-section {
    transform: rotate(calc((7.94595deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-34 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-35 .clip-section {
    transform: rotate(calc((7.94595deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-35 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-36 .clip-section {
    transform: rotate(calc((7.94595deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-36 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-37 .clip-section {
    transform: rotate(calc((7.94595deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-37.current-37 .progress-point {
    transform: rotate(calc(calc((7.94595deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-37.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-37.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-37.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-0 .clip-section {
    transform: rotate(calc((7.73684deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-0 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-38.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-38.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-1 .clip-section {
    transform: rotate(calc((7.73684deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-1 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-2 .clip-section {
    transform: rotate(calc((7.73684deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-2 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-3 .clip-section {
    transform: rotate(calc((7.73684deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-3 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-4 .clip-section {
    transform: rotate(calc((7.73684deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-4 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-5 .clip-section {
    transform: rotate(calc((7.73684deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-5 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-6 .clip-section {
    transform: rotate(calc((7.73684deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-6 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-7 .clip-section {
    transform: rotate(calc((7.73684deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-7 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-8 .clip-section {
    transform: rotate(calc((7.73684deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-8 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-9 .clip-section {
    transform: rotate(calc((7.73684deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-9 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-10 .clip-section {
    transform: rotate(calc((7.73684deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-10 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-11 .clip-section {
    transform: rotate(calc((7.73684deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-11 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-12 .clip-section {
    transform: rotate(calc((7.73684deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-12 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-13 .clip-section {
    transform: rotate(calc((7.73684deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-13 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-14 .clip-section {
    transform: rotate(calc((7.73684deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-14 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-15 .clip-section {
    transform: rotate(calc((7.73684deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-15 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-16 .clip-section {
    transform: rotate(calc((7.73684deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-16 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-17 .clip-section {
    transform: rotate(calc((7.73684deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-17 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-18 .clip-section {
    transform: rotate(calc((7.73684deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-18 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-19 .clip-section {
    transform: rotate(calc((7.73684deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-19 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.73684deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-38.current-20 .clip-section {
    transform: rotate(calc((7.73684deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-20 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-21 .clip-section {
    transform: rotate(calc((7.73684deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-21 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-22 .clip-section {
    transform: rotate(calc((7.73684deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-22 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-23 .clip-section {
    transform: rotate(calc((7.73684deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-23 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-24 .clip-section {
    transform: rotate(calc((7.73684deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-24 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-25 .clip-section {
    transform: rotate(calc((7.73684deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-25 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-26 .clip-section {
    transform: rotate(calc((7.73684deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-26 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-27 .clip-section {
    transform: rotate(calc((7.73684deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-27 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-28 .clip-section {
    transform: rotate(calc((7.73684deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-28 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-29 .clip-section {
    transform: rotate(calc((7.73684deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-29 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-30 .clip-section {
    transform: rotate(calc((7.73684deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-30 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-31 .clip-section {
    transform: rotate(calc((7.73684deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-31 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-32 .clip-section {
    transform: rotate(calc((7.73684deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-32 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-33 .clip-section {
    transform: rotate(calc((7.73684deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-33 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-34 .clip-section {
    transform: rotate(calc((7.73684deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-34 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-35 .clip-section {
    transform: rotate(calc((7.73684deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-35 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-36 .clip-section {
    transform: rotate(calc((7.73684deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-36 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-37 .clip-section {
    transform: rotate(calc((7.73684deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-37 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-38 .clip-section {
    transform: rotate(calc((7.73684deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-38.current-38 .progress-point {
    transform: rotate(calc(calc((7.73684deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-38.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-38.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-38.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-0 .clip-section {
    transform: rotate(calc((7.53846deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-0 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-39.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-39.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-1 .clip-section {
    transform: rotate(calc((7.53846deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-1 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-2 .clip-section {
    transform: rotate(calc((7.53846deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-2 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-3 .clip-section {
    transform: rotate(calc((7.53846deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-3 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-4 .clip-section {
    transform: rotate(calc((7.53846deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-4 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-5 .clip-section {
    transform: rotate(calc((7.53846deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-5 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-6 .clip-section {
    transform: rotate(calc((7.53846deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-6 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-7 .clip-section {
    transform: rotate(calc((7.53846deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-7 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-8 .clip-section {
    transform: rotate(calc((7.53846deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-8 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-9 .clip-section {
    transform: rotate(calc((7.53846deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-9 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-10 .clip-section {
    transform: rotate(calc((7.53846deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-10 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-11 .clip-section {
    transform: rotate(calc((7.53846deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-11 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-12 .clip-section {
    transform: rotate(calc((7.53846deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-12 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-13 .clip-section {
    transform: rotate(calc((7.53846deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-13 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-14 .clip-section {
    transform: rotate(calc((7.53846deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-14 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-15 .clip-section {
    transform: rotate(calc((7.53846deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-15 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-16 .clip-section {
    transform: rotate(calc((7.53846deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-16 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-17 .clip-section {
    transform: rotate(calc((7.53846deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-17 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-18 .clip-section {
    transform: rotate(calc((7.53846deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-18 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-19 .clip-section {
    transform: rotate(calc((7.53846deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-19 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.53846deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-39.current-20 .clip-section {
    transform: rotate(calc((7.53846deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-20 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-20 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-20 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-20 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-21 .clip-section {
    transform: rotate(calc((7.53846deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-21 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-22 .clip-section {
    transform: rotate(calc((7.53846deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-22 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-23 .clip-section {
    transform: rotate(calc((7.53846deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-23 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-24 .clip-section {
    transform: rotate(calc((7.53846deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-24 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-25 .clip-section {
    transform: rotate(calc((7.53846deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-25 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-26 .clip-section {
    transform: rotate(calc((7.53846deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-26 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-27 .clip-section {
    transform: rotate(calc((7.53846deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-27 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-28 .clip-section {
    transform: rotate(calc((7.53846deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-28 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-29 .clip-section {
    transform: rotate(calc((7.53846deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-29 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-30 .clip-section {
    transform: rotate(calc((7.53846deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-30 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-31 .clip-section {
    transform: rotate(calc((7.53846deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-31 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-32 .clip-section {
    transform: rotate(calc((7.53846deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-32 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-33 .clip-section {
    transform: rotate(calc((7.53846deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-33 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-34 .clip-section {
    transform: rotate(calc((7.53846deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-34 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-35 .clip-section {
    transform: rotate(calc((7.53846deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-35 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-36 .clip-section {
    transform: rotate(calc((7.53846deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-36 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-37 .clip-section {
    transform: rotate(calc((7.53846deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-37 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-38 .clip-section {
    transform: rotate(calc((7.53846deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-38 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-39 .clip-section {
    transform: rotate(calc((7.53846deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-39.current-39 .progress-point {
    transform: rotate(calc(calc((7.53846deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-39.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-39.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-39.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-0 .clip-section {
    transform: rotate(calc((7.35deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-0 .progress-point {
    transform: rotate(calc(calc((7.35deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-40.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-40.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-1 .clip-section {
    transform: rotate(calc((7.35deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-1 .progress-point {
    transform: rotate(calc(calc((7.35deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-2 .clip-section {
    transform: rotate(calc((7.35deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-2 .progress-point {
    transform: rotate(calc(calc((7.35deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-3 .clip-section {
    transform: rotate(calc((7.35deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-3 .progress-point {
    transform: rotate(calc(calc((7.35deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-4 .clip-section {
    transform: rotate(calc((7.35deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-4 .progress-point {
    transform: rotate(calc(calc((7.35deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-5 .clip-section {
    transform: rotate(calc((7.35deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-5 .progress-point {
    transform: rotate(calc(calc((7.35deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-6 .clip-section {
    transform: rotate(calc((7.35deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-6 .progress-point {
    transform: rotate(calc(calc((7.35deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-7 .clip-section {
    transform: rotate(calc((7.35deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-7 .progress-point {
    transform: rotate(calc(calc((7.35deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-8 .clip-section {
    transform: rotate(calc((7.35deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-8 .progress-point {
    transform: rotate(calc(calc((7.35deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-9 .clip-section {
    transform: rotate(calc((7.35deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-9 .progress-point {
    transform: rotate(calc(calc((7.35deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-10 .clip-section {
    transform: rotate(calc((7.35deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-10 .progress-point {
    transform: rotate(calc(calc((7.35deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-11 .clip-section {
    transform: rotate(calc((7.35deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-11 .progress-point {
    transform: rotate(calc(calc((7.35deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-12 .clip-section {
    transform: rotate(calc((7.35deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-12 .progress-point {
    transform: rotate(calc(calc((7.35deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-13 .clip-section {
    transform: rotate(calc((7.35deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-13 .progress-point {
    transform: rotate(calc(calc((7.35deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-14 .clip-section {
    transform: rotate(calc((7.35deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-14 .progress-point {
    transform: rotate(calc(calc((7.35deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-15 .clip-section {
    transform: rotate(calc((7.35deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-15 .progress-point {
    transform: rotate(calc(calc((7.35deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-16 .clip-section {
    transform: rotate(calc((7.35deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-16 .progress-point {
    transform: rotate(calc(calc((7.35deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-17 .clip-section {
    transform: rotate(calc((7.35deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-17 .progress-point {
    transform: rotate(calc(calc((7.35deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-18 .clip-section {
    transform: rotate(calc((7.35deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-18 .progress-point {
    transform: rotate(calc(calc((7.35deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-19 .clip-section {
    transform: rotate(calc((7.35deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-19 .progress-point {
    transform: rotate(calc(calc((7.35deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-20 .clip-section {
    transform: rotate(calc((7.35deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-20 .progress-point {
    transform: rotate(calc(calc((7.35deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.35deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-40.current-21 .clip-section {
    transform: rotate(calc((7.35deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-21 .progress-point {
    transform: rotate(calc(calc((7.35deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-22 .clip-section {
    transform: rotate(calc((7.35deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-22 .progress-point {
    transform: rotate(calc(calc((7.35deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-23 .clip-section {
    transform: rotate(calc((7.35deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-23 .progress-point {
    transform: rotate(calc(calc((7.35deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-24 .clip-section {
    transform: rotate(calc((7.35deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-24 .progress-point {
    transform: rotate(calc(calc((7.35deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-25 .clip-section {
    transform: rotate(calc((7.35deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-25 .progress-point {
    transform: rotate(calc(calc((7.35deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-26 .clip-section {
    transform: rotate(calc((7.35deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-26 .progress-point {
    transform: rotate(calc(calc((7.35deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-27 .clip-section {
    transform: rotate(calc((7.35deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-27 .progress-point {
    transform: rotate(calc(calc((7.35deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-28 .clip-section {
    transform: rotate(calc((7.35deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-28 .progress-point {
    transform: rotate(calc(calc((7.35deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-29 .clip-section {
    transform: rotate(calc((7.35deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-29 .progress-point {
    transform: rotate(calc(calc((7.35deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-30 .clip-section {
    transform: rotate(calc((7.35deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-30 .progress-point {
    transform: rotate(calc(calc((7.35deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-31 .clip-section {
    transform: rotate(calc((7.35deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-31 .progress-point {
    transform: rotate(calc(calc((7.35deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-32 .clip-section {
    transform: rotate(calc((7.35deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-32 .progress-point {
    transform: rotate(calc(calc((7.35deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-33 .clip-section {
    transform: rotate(calc((7.35deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-33 .progress-point {
    transform: rotate(calc(calc((7.35deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-34 .clip-section {
    transform: rotate(calc((7.35deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-34 .progress-point {
    transform: rotate(calc(calc((7.35deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-35 .clip-section {
    transform: rotate(calc((7.35deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-35 .progress-point {
    transform: rotate(calc(calc((7.35deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-36 .clip-section {
    transform: rotate(calc((7.35deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-36 .progress-point {
    transform: rotate(calc(calc((7.35deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-37 .clip-section {
    transform: rotate(calc((7.35deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-37 .progress-point {
    transform: rotate(calc(calc((7.35deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-38 .clip-section {
    transform: rotate(calc((7.35deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-38 .progress-point {
    transform: rotate(calc(calc((7.35deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-39 .clip-section {
    transform: rotate(calc((7.35deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-39 .progress-point {
    transform: rotate(calc(calc((7.35deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-40 .clip-section {
    transform: rotate(calc((7.35deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-40.current-40 .progress-point {
    transform: rotate(calc(calc((7.35deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-40.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-40.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-40.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-0 .clip-section {
    transform: rotate(calc((7.17073deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-0 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-41.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-41.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-1 .clip-section {
    transform: rotate(calc((7.17073deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-1 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-2 .clip-section {
    transform: rotate(calc((7.17073deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-2 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-3 .clip-section {
    transform: rotate(calc((7.17073deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-3 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-4 .clip-section {
    transform: rotate(calc((7.17073deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-4 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-5 .clip-section {
    transform: rotate(calc((7.17073deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-5 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-6 .clip-section {
    transform: rotate(calc((7.17073deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-6 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-7 .clip-section {
    transform: rotate(calc((7.17073deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-7 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-8 .clip-section {
    transform: rotate(calc((7.17073deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-8 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-9 .clip-section {
    transform: rotate(calc((7.17073deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-9 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-10 .clip-section {
    transform: rotate(calc((7.17073deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-10 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-11 .clip-section {
    transform: rotate(calc((7.17073deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-11 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-12 .clip-section {
    transform: rotate(calc((7.17073deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-12 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-13 .clip-section {
    transform: rotate(calc((7.17073deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-13 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-14 .clip-section {
    transform: rotate(calc((7.17073deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-14 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-15 .clip-section {
    transform: rotate(calc((7.17073deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-15 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-16 .clip-section {
    transform: rotate(calc((7.17073deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-16 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-17 .clip-section {
    transform: rotate(calc((7.17073deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-17 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-18 .clip-section {
    transform: rotate(calc((7.17073deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-18 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-19 .clip-section {
    transform: rotate(calc((7.17073deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-19 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-20 .clip-section {
    transform: rotate(calc((7.17073deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-20 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7.17073deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-41.current-21 .clip-section {
    transform: rotate(calc((7.17073deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-21 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-21 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-21 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-21 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-22 .clip-section {
    transform: rotate(calc((7.17073deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-22 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-23 .clip-section {
    transform: rotate(calc((7.17073deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-23 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-24 .clip-section {
    transform: rotate(calc((7.17073deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-24 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-25 .clip-section {
    transform: rotate(calc((7.17073deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-25 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-26 .clip-section {
    transform: rotate(calc((7.17073deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-26 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-27 .clip-section {
    transform: rotate(calc((7.17073deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-27 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-28 .clip-section {
    transform: rotate(calc((7.17073deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-28 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-29 .clip-section {
    transform: rotate(calc((7.17073deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-29 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-30 .clip-section {
    transform: rotate(calc((7.17073deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-30 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-31 .clip-section {
    transform: rotate(calc((7.17073deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-31 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-32 .clip-section {
    transform: rotate(calc((7.17073deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-32 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-33 .clip-section {
    transform: rotate(calc((7.17073deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-33 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-34 .clip-section {
    transform: rotate(calc((7.17073deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-34 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-35 .clip-section {
    transform: rotate(calc((7.17073deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-35 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-36 .clip-section {
    transform: rotate(calc((7.17073deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-36 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-37 .clip-section {
    transform: rotate(calc((7.17073deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-37 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-38 .clip-section {
    transform: rotate(calc((7.17073deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-38 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-39 .clip-section {
    transform: rotate(calc((7.17073deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-39 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-40 .clip-section {
    transform: rotate(calc((7.17073deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-40 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-41 .clip-section {
    transform: rotate(calc((7.17073deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-41.current-41 .progress-point {
    transform: rotate(calc(calc((7.17073deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-41.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-41.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-41.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-0 .clip-section {
    transform: rotate(calc((7deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-0 .progress-point {
    transform: rotate(calc(calc((7deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-42.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-42.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-1 .clip-section {
    transform: rotate(calc((7deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-1 .progress-point {
    transform: rotate(calc(calc((7deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-2 .clip-section {
    transform: rotate(calc((7deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-2 .progress-point {
    transform: rotate(calc(calc((7deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-3 .clip-section {
    transform: rotate(calc((7deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-3 .progress-point {
    transform: rotate(calc(calc((7deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-4 .clip-section {
    transform: rotate(calc((7deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-4 .progress-point {
    transform: rotate(calc(calc((7deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-5 .clip-section {
    transform: rotate(calc((7deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-5 .progress-point {
    transform: rotate(calc(calc((7deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-6 .clip-section {
    transform: rotate(calc((7deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-6 .progress-point {
    transform: rotate(calc(calc((7deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-7 .clip-section {
    transform: rotate(calc((7deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-7 .progress-point {
    transform: rotate(calc(calc((7deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-8 .clip-section {
    transform: rotate(calc((7deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-8 .progress-point {
    transform: rotate(calc(calc((7deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-9 .clip-section {
    transform: rotate(calc((7deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-9 .progress-point {
    transform: rotate(calc(calc((7deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-10 .clip-section {
    transform: rotate(calc((7deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-10 .progress-point {
    transform: rotate(calc(calc((7deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-11 .clip-section {
    transform: rotate(calc((7deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-11 .progress-point {
    transform: rotate(calc(calc((7deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-12 .clip-section {
    transform: rotate(calc((7deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-12 .progress-point {
    transform: rotate(calc(calc((7deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-13 .clip-section {
    transform: rotate(calc((7deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-13 .progress-point {
    transform: rotate(calc(calc((7deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-14 .clip-section {
    transform: rotate(calc((7deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-14 .progress-point {
    transform: rotate(calc(calc((7deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-15 .clip-section {
    transform: rotate(calc((7deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-15 .progress-point {
    transform: rotate(calc(calc((7deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-16 .clip-section {
    transform: rotate(calc((7deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-16 .progress-point {
    transform: rotate(calc(calc((7deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-17 .clip-section {
    transform: rotate(calc((7deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-17 .progress-point {
    transform: rotate(calc(calc((7deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-18 .clip-section {
    transform: rotate(calc((7deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-18 .progress-point {
    transform: rotate(calc(calc((7deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-19 .clip-section {
    transform: rotate(calc((7deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-19 .progress-point {
    transform: rotate(calc(calc((7deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-20 .clip-section {
    transform: rotate(calc((7deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-20 .progress-point {
    transform: rotate(calc(calc((7deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-21 .clip-section {
    transform: rotate(calc((7deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-21 .progress-point {
    transform: rotate(calc(calc((7deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((7deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-42.current-22 .clip-section {
    transform: rotate(calc((7deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-22 .progress-point {
    transform: rotate(calc(calc((7deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-23 .clip-section {
    transform: rotate(calc((7deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-23 .progress-point {
    transform: rotate(calc(calc((7deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-24 .clip-section {
    transform: rotate(calc((7deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-24 .progress-point {
    transform: rotate(calc(calc((7deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-25 .clip-section {
    transform: rotate(calc((7deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-25 .progress-point {
    transform: rotate(calc(calc((7deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-26 .clip-section {
    transform: rotate(calc((7deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-26 .progress-point {
    transform: rotate(calc(calc((7deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-27 .clip-section {
    transform: rotate(calc((7deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-27 .progress-point {
    transform: rotate(calc(calc((7deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-28 .clip-section {
    transform: rotate(calc((7deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-28 .progress-point {
    transform: rotate(calc(calc((7deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-29 .clip-section {
    transform: rotate(calc((7deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-29 .progress-point {
    transform: rotate(calc(calc((7deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-30 .clip-section {
    transform: rotate(calc((7deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-30 .progress-point {
    transform: rotate(calc(calc((7deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-31 .clip-section {
    transform: rotate(calc((7deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-31 .progress-point {
    transform: rotate(calc(calc((7deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-32 .clip-section {
    transform: rotate(calc((7deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-32 .progress-point {
    transform: rotate(calc(calc((7deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-33 .clip-section {
    transform: rotate(calc((7deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-33 .progress-point {
    transform: rotate(calc(calc((7deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-34 .clip-section {
    transform: rotate(calc((7deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-34 .progress-point {
    transform: rotate(calc(calc((7deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-35 .clip-section {
    transform: rotate(calc((7deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-35 .progress-point {
    transform: rotate(calc(calc((7deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-36 .clip-section {
    transform: rotate(calc((7deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-36 .progress-point {
    transform: rotate(calc(calc((7deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-37 .clip-section {
    transform: rotate(calc((7deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-37 .progress-point {
    transform: rotate(calc(calc((7deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-38 .clip-section {
    transform: rotate(calc((7deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-38 .progress-point {
    transform: rotate(calc(calc((7deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-39 .clip-section {
    transform: rotate(calc((7deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-39 .progress-point {
    transform: rotate(calc(calc((7deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-40 .clip-section {
    transform: rotate(calc((7deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-40 .progress-point {
    transform: rotate(calc(calc((7deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-41 .clip-section {
    transform: rotate(calc((7deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-41 .progress-point {
    transform: rotate(calc(calc((7deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-42 .clip-section {
    transform: rotate(calc((7deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-42.current-42 .progress-point {
    transform: rotate(calc(calc((7deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-42.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-42.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-42.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-0 .clip-section {
    transform: rotate(calc((6.83721deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-0 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-43.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-43.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-1 .clip-section {
    transform: rotate(calc((6.83721deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-1 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-2 .clip-section {
    transform: rotate(calc((6.83721deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-2 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-3 .clip-section {
    transform: rotate(calc((6.83721deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-3 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-4 .clip-section {
    transform: rotate(calc((6.83721deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-4 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-5 .clip-section {
    transform: rotate(calc((6.83721deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-5 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-6 .clip-section {
    transform: rotate(calc((6.83721deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-6 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-7 .clip-section {
    transform: rotate(calc((6.83721deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-7 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-8 .clip-section {
    transform: rotate(calc((6.83721deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-8 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-9 .clip-section {
    transform: rotate(calc((6.83721deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-9 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-10 .clip-section {
    transform: rotate(calc((6.83721deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-10 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-11 .clip-section {
    transform: rotate(calc((6.83721deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-11 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-12 .clip-section {
    transform: rotate(calc((6.83721deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-12 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-13 .clip-section {
    transform: rotate(calc((6.83721deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-13 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-14 .clip-section {
    transform: rotate(calc((6.83721deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-14 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-15 .clip-section {
    transform: rotate(calc((6.83721deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-15 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-16 .clip-section {
    transform: rotate(calc((6.83721deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-16 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-17 .clip-section {
    transform: rotate(calc((6.83721deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-17 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-18 .clip-section {
    transform: rotate(calc((6.83721deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-18 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-19 .clip-section {
    transform: rotate(calc((6.83721deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-19 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-20 .clip-section {
    transform: rotate(calc((6.83721deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-20 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-21 .clip-section {
    transform: rotate(calc((6.83721deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-21 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.83721deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-43.current-22 .clip-section {
    transform: rotate(calc((6.83721deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-22 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-22 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-22 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-22 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-23 .clip-section {
    transform: rotate(calc((6.83721deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-23 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-24 .clip-section {
    transform: rotate(calc((6.83721deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-24 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-25 .clip-section {
    transform: rotate(calc((6.83721deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-25 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-26 .clip-section {
    transform: rotate(calc((6.83721deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-26 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-27 .clip-section {
    transform: rotate(calc((6.83721deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-27 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-28 .clip-section {
    transform: rotate(calc((6.83721deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-28 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-29 .clip-section {
    transform: rotate(calc((6.83721deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-29 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-30 .clip-section {
    transform: rotate(calc((6.83721deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-30 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-31 .clip-section {
    transform: rotate(calc((6.83721deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-31 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-32 .clip-section {
    transform: rotate(calc((6.83721deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-32 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-33 .clip-section {
    transform: rotate(calc((6.83721deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-33 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-34 .clip-section {
    transform: rotate(calc((6.83721deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-34 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-35 .clip-section {
    transform: rotate(calc((6.83721deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-35 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-36 .clip-section {
    transform: rotate(calc((6.83721deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-36 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-37 .clip-section {
    transform: rotate(calc((6.83721deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-37 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-38 .clip-section {
    transform: rotate(calc((6.83721deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-38 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-39 .clip-section {
    transform: rotate(calc((6.83721deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-39 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-40 .clip-section {
    transform: rotate(calc((6.83721deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-40 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-41 .clip-section {
    transform: rotate(calc((6.83721deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-41 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-42 .clip-section {
    transform: rotate(calc((6.83721deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-42 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-43 .clip-section {
    transform: rotate(calc((6.83721deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-43.current-43 .progress-point {
    transform: rotate(calc(calc((6.83721deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-43.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-43.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-43.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-0 .clip-section {
    transform: rotate(calc((6.68182deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-0 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-44.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-44.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-1 .clip-section {
    transform: rotate(calc((6.68182deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-1 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-2 .clip-section {
    transform: rotate(calc((6.68182deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-2 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-3 .clip-section {
    transform: rotate(calc((6.68182deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-3 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-4 .clip-section {
    transform: rotate(calc((6.68182deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-4 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-5 .clip-section {
    transform: rotate(calc((6.68182deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-5 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-6 .clip-section {
    transform: rotate(calc((6.68182deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-6 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-7 .clip-section {
    transform: rotate(calc((6.68182deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-7 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-8 .clip-section {
    transform: rotate(calc((6.68182deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-8 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-9 .clip-section {
    transform: rotate(calc((6.68182deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-9 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-10 .clip-section {
    transform: rotate(calc((6.68182deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-10 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-11 .clip-section {
    transform: rotate(calc((6.68182deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-11 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-12 .clip-section {
    transform: rotate(calc((6.68182deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-12 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-13 .clip-section {
    transform: rotate(calc((6.68182deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-13 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-14 .clip-section {
    transform: rotate(calc((6.68182deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-14 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-15 .clip-section {
    transform: rotate(calc((6.68182deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-15 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-16 .clip-section {
    transform: rotate(calc((6.68182deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-16 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-17 .clip-section {
    transform: rotate(calc((6.68182deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-17 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-18 .clip-section {
    transform: rotate(calc((6.68182deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-18 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-19 .clip-section {
    transform: rotate(calc((6.68182deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-19 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-20 .clip-section {
    transform: rotate(calc((6.68182deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-20 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-21 .clip-section {
    transform: rotate(calc((6.68182deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-21 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-22 .clip-section {
    transform: rotate(calc((6.68182deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-22 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.68182deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-44.current-23 .clip-section {
    transform: rotate(calc((6.68182deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-23 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-24 .clip-section {
    transform: rotate(calc((6.68182deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-24 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-25 .clip-section {
    transform: rotate(calc((6.68182deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-25 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-26 .clip-section {
    transform: rotate(calc((6.68182deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-26 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-27 .clip-section {
    transform: rotate(calc((6.68182deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-27 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-28 .clip-section {
    transform: rotate(calc((6.68182deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-28 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-29 .clip-section {
    transform: rotate(calc((6.68182deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-29 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-30 .clip-section {
    transform: rotate(calc((6.68182deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-30 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-31 .clip-section {
    transform: rotate(calc((6.68182deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-31 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-32 .clip-section {
    transform: rotate(calc((6.68182deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-32 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-33 .clip-section {
    transform: rotate(calc((6.68182deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-33 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-34 .clip-section {
    transform: rotate(calc((6.68182deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-34 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-35 .clip-section {
    transform: rotate(calc((6.68182deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-35 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-36 .clip-section {
    transform: rotate(calc((6.68182deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-36 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-37 .clip-section {
    transform: rotate(calc((6.68182deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-37 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-38 .clip-section {
    transform: rotate(calc((6.68182deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-38 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-39 .clip-section {
    transform: rotate(calc((6.68182deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-39 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-40 .clip-section {
    transform: rotate(calc((6.68182deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-40 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-41 .clip-section {
    transform: rotate(calc((6.68182deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-41 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-42 .clip-section {
    transform: rotate(calc((6.68182deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-42 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-43 .clip-section {
    transform: rotate(calc((6.68182deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-43 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-44 .clip-section {
    transform: rotate(calc((6.68182deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-44.current-44 .progress-point {
    transform: rotate(calc(calc((6.68182deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-44.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-44.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-44.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-0 .clip-section {
    transform: rotate(calc((6.53333deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-0 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-45.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-45.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-1 .clip-section {
    transform: rotate(calc((6.53333deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-1 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-2 .clip-section {
    transform: rotate(calc((6.53333deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-2 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-3 .clip-section {
    transform: rotate(calc((6.53333deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-3 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-4 .clip-section {
    transform: rotate(calc((6.53333deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-4 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-5 .clip-section {
    transform: rotate(calc((6.53333deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-5 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-6 .clip-section {
    transform: rotate(calc((6.53333deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-6 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-7 .clip-section {
    transform: rotate(calc((6.53333deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-7 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-8 .clip-section {
    transform: rotate(calc((6.53333deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-8 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-9 .clip-section {
    transform: rotate(calc((6.53333deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-9 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-10 .clip-section {
    transform: rotate(calc((6.53333deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-10 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-11 .clip-section {
    transform: rotate(calc((6.53333deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-11 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-12 .clip-section {
    transform: rotate(calc((6.53333deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-12 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-13 .clip-section {
    transform: rotate(calc((6.53333deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-13 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-14 .clip-section {
    transform: rotate(calc((6.53333deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-14 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-15 .clip-section {
    transform: rotate(calc((6.53333deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-15 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-16 .clip-section {
    transform: rotate(calc((6.53333deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-16 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-17 .clip-section {
    transform: rotate(calc((6.53333deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-17 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-18 .clip-section {
    transform: rotate(calc((6.53333deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-18 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-19 .clip-section {
    transform: rotate(calc((6.53333deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-19 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-20 .clip-section {
    transform: rotate(calc((6.53333deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-20 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-21 .clip-section {
    transform: rotate(calc((6.53333deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-21 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-22 .clip-section {
    transform: rotate(calc((6.53333deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-22 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.53333deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-45.current-23 .clip-section {
    transform: rotate(calc((6.53333deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-23 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-23 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-23 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-23 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-24 .clip-section {
    transform: rotate(calc((6.53333deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-24 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-25 .clip-section {
    transform: rotate(calc((6.53333deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-25 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-26 .clip-section {
    transform: rotate(calc((6.53333deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-26 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-27 .clip-section {
    transform: rotate(calc((6.53333deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-27 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-28 .clip-section {
    transform: rotate(calc((6.53333deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-28 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-29 .clip-section {
    transform: rotate(calc((6.53333deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-29 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-30 .clip-section {
    transform: rotate(calc((6.53333deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-30 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-31 .clip-section {
    transform: rotate(calc((6.53333deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-31 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-32 .clip-section {
    transform: rotate(calc((6.53333deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-32 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-33 .clip-section {
    transform: rotate(calc((6.53333deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-33 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-34 .clip-section {
    transform: rotate(calc((6.53333deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-34 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-35 .clip-section {
    transform: rotate(calc((6.53333deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-35 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-36 .clip-section {
    transform: rotate(calc((6.53333deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-36 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-37 .clip-section {
    transform: rotate(calc((6.53333deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-37 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-38 .clip-section {
    transform: rotate(calc((6.53333deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-38 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-39 .clip-section {
    transform: rotate(calc((6.53333deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-39 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-40 .clip-section {
    transform: rotate(calc((6.53333deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-40 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-41 .clip-section {
    transform: rotate(calc((6.53333deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-41 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-42 .clip-section {
    transform: rotate(calc((6.53333deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-42 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-43 .clip-section {
    transform: rotate(calc((6.53333deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-43 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-44 .clip-section {
    transform: rotate(calc((6.53333deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-44 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-45 .clip-section {
    transform: rotate(calc((6.53333deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-45.current-45 .progress-point {
    transform: rotate(calc(calc((6.53333deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-45.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-45.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-45.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-0 .clip-section {
    transform: rotate(calc((6.3913deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-0 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-46.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-46.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-1 .clip-section {
    transform: rotate(calc((6.3913deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-1 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-2 .clip-section {
    transform: rotate(calc((6.3913deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-2 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-3 .clip-section {
    transform: rotate(calc((6.3913deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-3 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-4 .clip-section {
    transform: rotate(calc((6.3913deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-4 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-5 .clip-section {
    transform: rotate(calc((6.3913deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-5 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-6 .clip-section {
    transform: rotate(calc((6.3913deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-6 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-7 .clip-section {
    transform: rotate(calc((6.3913deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-7 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-8 .clip-section {
    transform: rotate(calc((6.3913deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-8 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-9 .clip-section {
    transform: rotate(calc((6.3913deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-9 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-10 .clip-section {
    transform: rotate(calc((6.3913deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-10 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-11 .clip-section {
    transform: rotate(calc((6.3913deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-11 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-12 .clip-section {
    transform: rotate(calc((6.3913deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-12 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-13 .clip-section {
    transform: rotate(calc((6.3913deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-13 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-14 .clip-section {
    transform: rotate(calc((6.3913deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-14 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-15 .clip-section {
    transform: rotate(calc((6.3913deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-15 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-16 .clip-section {
    transform: rotate(calc((6.3913deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-16 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-17 .clip-section {
    transform: rotate(calc((6.3913deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-17 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-18 .clip-section {
    transform: rotate(calc((6.3913deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-18 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-19 .clip-section {
    transform: rotate(calc((6.3913deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-19 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-20 .clip-section {
    transform: rotate(calc((6.3913deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-20 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-21 .clip-section {
    transform: rotate(calc((6.3913deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-21 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-22 .clip-section {
    transform: rotate(calc((6.3913deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-22 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-23 .clip-section {
    transform: rotate(calc((6.3913deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-23 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.3913deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-46.current-24 .clip-section {
    transform: rotate(calc((6.3913deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-24 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-25 .clip-section {
    transform: rotate(calc((6.3913deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-25 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-26 .clip-section {
    transform: rotate(calc((6.3913deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-26 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-27 .clip-section {
    transform: rotate(calc((6.3913deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-27 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-28 .clip-section {
    transform: rotate(calc((6.3913deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-28 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-29 .clip-section {
    transform: rotate(calc((6.3913deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-29 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-30 .clip-section {
    transform: rotate(calc((6.3913deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-30 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-31 .clip-section {
    transform: rotate(calc((6.3913deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-31 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-32 .clip-section {
    transform: rotate(calc((6.3913deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-32 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-33 .clip-section {
    transform: rotate(calc((6.3913deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-33 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-34 .clip-section {
    transform: rotate(calc((6.3913deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-34 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-35 .clip-section {
    transform: rotate(calc((6.3913deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-35 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-36 .clip-section {
    transform: rotate(calc((6.3913deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-36 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-37 .clip-section {
    transform: rotate(calc((6.3913deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-37 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-38 .clip-section {
    transform: rotate(calc((6.3913deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-38 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-39 .clip-section {
    transform: rotate(calc((6.3913deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-39 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-40 .clip-section {
    transform: rotate(calc((6.3913deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-40 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-41 .clip-section {
    transform: rotate(calc((6.3913deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-41 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-42 .clip-section {
    transform: rotate(calc((6.3913deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-42 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-43 .clip-section {
    transform: rotate(calc((6.3913deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-43 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-44 .clip-section {
    transform: rotate(calc((6.3913deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-44 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-45 .clip-section {
    transform: rotate(calc((6.3913deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-45 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-46 .clip-section {
    transform: rotate(calc((6.3913deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-46.current-46 .progress-point {
    transform: rotate(calc(calc((6.3913deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-46.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-46.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-46.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-0 .clip-section {
    transform: rotate(calc((6.25532deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-0 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-47.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-47.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-1 .clip-section {
    transform: rotate(calc((6.25532deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-1 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-2 .clip-section {
    transform: rotate(calc((6.25532deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-2 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-3 .clip-section {
    transform: rotate(calc((6.25532deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-3 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-4 .clip-section {
    transform: rotate(calc((6.25532deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-4 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-5 .clip-section {
    transform: rotate(calc((6.25532deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-5 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-6 .clip-section {
    transform: rotate(calc((6.25532deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-6 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-7 .clip-section {
    transform: rotate(calc((6.25532deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-7 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-8 .clip-section {
    transform: rotate(calc((6.25532deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-8 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-9 .clip-section {
    transform: rotate(calc((6.25532deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-9 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-10 .clip-section {
    transform: rotate(calc((6.25532deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-10 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-11 .clip-section {
    transform: rotate(calc((6.25532deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-11 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-12 .clip-section {
    transform: rotate(calc((6.25532deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-12 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-13 .clip-section {
    transform: rotate(calc((6.25532deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-13 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-14 .clip-section {
    transform: rotate(calc((6.25532deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-14 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-15 .clip-section {
    transform: rotate(calc((6.25532deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-15 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-16 .clip-section {
    transform: rotate(calc((6.25532deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-16 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-17 .clip-section {
    transform: rotate(calc((6.25532deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-17 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-18 .clip-section {
    transform: rotate(calc((6.25532deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-18 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-19 .clip-section {
    transform: rotate(calc((6.25532deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-19 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-20 .clip-section {
    transform: rotate(calc((6.25532deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-20 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-21 .clip-section {
    transform: rotate(calc((6.25532deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-21 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-22 .clip-section {
    transform: rotate(calc((6.25532deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-22 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-23 .clip-section {
    transform: rotate(calc((6.25532deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-23 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.25532deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-47.current-24 .clip-section {
    transform: rotate(calc((6.25532deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-24 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-24 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-24 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-24 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-25 .clip-section {
    transform: rotate(calc((6.25532deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-25 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-26 .clip-section {
    transform: rotate(calc((6.25532deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-26 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-27 .clip-section {
    transform: rotate(calc((6.25532deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-27 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-28 .clip-section {
    transform: rotate(calc((6.25532deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-28 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-29 .clip-section {
    transform: rotate(calc((6.25532deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-29 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-30 .clip-section {
    transform: rotate(calc((6.25532deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-30 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-31 .clip-section {
    transform: rotate(calc((6.25532deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-31 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-32 .clip-section {
    transform: rotate(calc((6.25532deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-32 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-33 .clip-section {
    transform: rotate(calc((6.25532deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-33 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-34 .clip-section {
    transform: rotate(calc((6.25532deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-34 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-35 .clip-section {
    transform: rotate(calc((6.25532deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-35 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-36 .clip-section {
    transform: rotate(calc((6.25532deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-36 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-37 .clip-section {
    transform: rotate(calc((6.25532deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-37 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-38 .clip-section {
    transform: rotate(calc((6.25532deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-38 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-39 .clip-section {
    transform: rotate(calc((6.25532deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-39 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-40 .clip-section {
    transform: rotate(calc((6.25532deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-40 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-41 .clip-section {
    transform: rotate(calc((6.25532deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-41 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-42 .clip-section {
    transform: rotate(calc((6.25532deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-42 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-43 .clip-section {
    transform: rotate(calc((6.25532deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-43 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-44 .clip-section {
    transform: rotate(calc((6.25532deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-44 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-45 .clip-section {
    transform: rotate(calc((6.25532deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-45 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-46 .clip-section {
    transform: rotate(calc((6.25532deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-46 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-47 .clip-section {
    transform: rotate(calc((6.25532deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-47.current-47 .progress-point {
    transform: rotate(calc(calc((6.25532deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-47.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-47.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-47.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-0 .clip-section {
    transform: rotate(calc((6.125deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-0 .progress-point {
    transform: rotate(calc(calc((6.125deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-48.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-48.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-1 .clip-section {
    transform: rotate(calc((6.125deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-1 .progress-point {
    transform: rotate(calc(calc((6.125deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-2 .clip-section {
    transform: rotate(calc((6.125deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-2 .progress-point {
    transform: rotate(calc(calc((6.125deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-3 .clip-section {
    transform: rotate(calc((6.125deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-3 .progress-point {
    transform: rotate(calc(calc((6.125deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-4 .clip-section {
    transform: rotate(calc((6.125deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-4 .progress-point {
    transform: rotate(calc(calc((6.125deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-5 .clip-section {
    transform: rotate(calc((6.125deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-5 .progress-point {
    transform: rotate(calc(calc((6.125deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-6 .clip-section {
    transform: rotate(calc((6.125deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-6 .progress-point {
    transform: rotate(calc(calc((6.125deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-7 .clip-section {
    transform: rotate(calc((6.125deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-7 .progress-point {
    transform: rotate(calc(calc((6.125deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-8 .clip-section {
    transform: rotate(calc((6.125deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-8 .progress-point {
    transform: rotate(calc(calc((6.125deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-9 .clip-section {
    transform: rotate(calc((6.125deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-9 .progress-point {
    transform: rotate(calc(calc((6.125deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-10 .clip-section {
    transform: rotate(calc((6.125deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-10 .progress-point {
    transform: rotate(calc(calc((6.125deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-11 .clip-section {
    transform: rotate(calc((6.125deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-11 .progress-point {
    transform: rotate(calc(calc((6.125deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-12 .clip-section {
    transform: rotate(calc((6.125deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-12 .progress-point {
    transform: rotate(calc(calc((6.125deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-13 .clip-section {
    transform: rotate(calc((6.125deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-13 .progress-point {
    transform: rotate(calc(calc((6.125deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-14 .clip-section {
    transform: rotate(calc((6.125deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-14 .progress-point {
    transform: rotate(calc(calc((6.125deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-15 .clip-section {
    transform: rotate(calc((6.125deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-15 .progress-point {
    transform: rotate(calc(calc((6.125deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-16 .clip-section {
    transform: rotate(calc((6.125deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-16 .progress-point {
    transform: rotate(calc(calc((6.125deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-17 .clip-section {
    transform: rotate(calc((6.125deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-17 .progress-point {
    transform: rotate(calc(calc((6.125deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-18 .clip-section {
    transform: rotate(calc((6.125deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-18 .progress-point {
    transform: rotate(calc(calc((6.125deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-19 .clip-section {
    transform: rotate(calc((6.125deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-19 .progress-point {
    transform: rotate(calc(calc((6.125deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-20 .clip-section {
    transform: rotate(calc((6.125deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-20 .progress-point {
    transform: rotate(calc(calc((6.125deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-21 .clip-section {
    transform: rotate(calc((6.125deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-21 .progress-point {
    transform: rotate(calc(calc((6.125deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-22 .clip-section {
    transform: rotate(calc((6.125deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-22 .progress-point {
    transform: rotate(calc(calc((6.125deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-23 .clip-section {
    transform: rotate(calc((6.125deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-23 .progress-point {
    transform: rotate(calc(calc((6.125deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-24 .clip-section {
    transform: rotate(calc((6.125deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-24 .progress-point {
    transform: rotate(calc(calc((6.125deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-24 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6.125deg * 24) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-48.current-25 .clip-section {
    transform: rotate(calc((6.125deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-25 .progress-point {
    transform: rotate(calc(calc((6.125deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-26 .clip-section {
    transform: rotate(calc((6.125deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-26 .progress-point {
    transform: rotate(calc(calc((6.125deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-27 .clip-section {
    transform: rotate(calc((6.125deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-27 .progress-point {
    transform: rotate(calc(calc((6.125deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-28 .clip-section {
    transform: rotate(calc((6.125deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-28 .progress-point {
    transform: rotate(calc(calc((6.125deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-29 .clip-section {
    transform: rotate(calc((6.125deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-29 .progress-point {
    transform: rotate(calc(calc((6.125deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-30 .clip-section {
    transform: rotate(calc((6.125deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-30 .progress-point {
    transform: rotate(calc(calc((6.125deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-31 .clip-section {
    transform: rotate(calc((6.125deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-31 .progress-point {
    transform: rotate(calc(calc((6.125deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-32 .clip-section {
    transform: rotate(calc((6.125deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-32 .progress-point {
    transform: rotate(calc(calc((6.125deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-33 .clip-section {
    transform: rotate(calc((6.125deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-33 .progress-point {
    transform: rotate(calc(calc((6.125deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-34 .clip-section {
    transform: rotate(calc((6.125deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-34 .progress-point {
    transform: rotate(calc(calc((6.125deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-35 .clip-section {
    transform: rotate(calc((6.125deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-35 .progress-point {
    transform: rotate(calc(calc((6.125deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-36 .clip-section {
    transform: rotate(calc((6.125deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-36 .progress-point {
    transform: rotate(calc(calc((6.125deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-37 .clip-section {
    transform: rotate(calc((6.125deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-37 .progress-point {
    transform: rotate(calc(calc((6.125deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-38 .clip-section {
    transform: rotate(calc((6.125deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-38 .progress-point {
    transform: rotate(calc(calc((6.125deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-39 .clip-section {
    transform: rotate(calc((6.125deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-39 .progress-point {
    transform: rotate(calc(calc((6.125deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-40 .clip-section {
    transform: rotate(calc((6.125deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-40 .progress-point {
    transform: rotate(calc(calc((6.125deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-41 .clip-section {
    transform: rotate(calc((6.125deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-41 .progress-point {
    transform: rotate(calc(calc((6.125deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-42 .clip-section {
    transform: rotate(calc((6.125deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-42 .progress-point {
    transform: rotate(calc(calc((6.125deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-43 .clip-section {
    transform: rotate(calc((6.125deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-43 .progress-point {
    transform: rotate(calc(calc((6.125deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-44 .clip-section {
    transform: rotate(calc((6.125deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-44 .progress-point {
    transform: rotate(calc(calc((6.125deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-45 .clip-section {
    transform: rotate(calc((6.125deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-45 .progress-point {
    transform: rotate(calc(calc((6.125deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-46 .clip-section {
    transform: rotate(calc((6.125deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-46 .progress-point {
    transform: rotate(calc(calc((6.125deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-47 .clip-section {
    transform: rotate(calc((6.125deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-47 .progress-point {
    transform: rotate(calc(calc((6.125deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-48 .clip-section {
    transform: rotate(calc((6.125deg * 48) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-48.current-48 .progress-point {
    transform: rotate(calc(calc((6.125deg * 48) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-48.current-48 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-48.current-48 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-48.current-48 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-0 .clip-section {
    transform: rotate(calc((6deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-0 .progress-point {
    transform: rotate(calc(calc((6deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-49.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-49.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-1 .clip-section {
    transform: rotate(calc((6deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-1 .progress-point {
    transform: rotate(calc(calc((6deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-2 .clip-section {
    transform: rotate(calc((6deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-2 .progress-point {
    transform: rotate(calc(calc((6deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-3 .clip-section {
    transform: rotate(calc((6deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-3 .progress-point {
    transform: rotate(calc(calc((6deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-4 .clip-section {
    transform: rotate(calc((6deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-4 .progress-point {
    transform: rotate(calc(calc((6deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-5 .clip-section {
    transform: rotate(calc((6deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-5 .progress-point {
    transform: rotate(calc(calc((6deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-6 .clip-section {
    transform: rotate(calc((6deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-6 .progress-point {
    transform: rotate(calc(calc((6deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-7 .clip-section {
    transform: rotate(calc((6deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-7 .progress-point {
    transform: rotate(calc(calc((6deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-8 .clip-section {
    transform: rotate(calc((6deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-8 .progress-point {
    transform: rotate(calc(calc((6deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-9 .clip-section {
    transform: rotate(calc((6deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-9 .progress-point {
    transform: rotate(calc(calc((6deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-10 .clip-section {
    transform: rotate(calc((6deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-10 .progress-point {
    transform: rotate(calc(calc((6deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-11 .clip-section {
    transform: rotate(calc((6deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-11 .progress-point {
    transform: rotate(calc(calc((6deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-12 .clip-section {
    transform: rotate(calc((6deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-12 .progress-point {
    transform: rotate(calc(calc((6deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-13 .clip-section {
    transform: rotate(calc((6deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-13 .progress-point {
    transform: rotate(calc(calc((6deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-14 .clip-section {
    transform: rotate(calc((6deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-14 .progress-point {
    transform: rotate(calc(calc((6deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-15 .clip-section {
    transform: rotate(calc((6deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-15 .progress-point {
    transform: rotate(calc(calc((6deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-16 .clip-section {
    transform: rotate(calc((6deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-16 .progress-point {
    transform: rotate(calc(calc((6deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-17 .clip-section {
    transform: rotate(calc((6deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-17 .progress-point {
    transform: rotate(calc(calc((6deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-18 .clip-section {
    transform: rotate(calc((6deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-18 .progress-point {
    transform: rotate(calc(calc((6deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-19 .clip-section {
    transform: rotate(calc((6deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-19 .progress-point {
    transform: rotate(calc(calc((6deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-20 .clip-section {
    transform: rotate(calc((6deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-20 .progress-point {
    transform: rotate(calc(calc((6deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-21 .clip-section {
    transform: rotate(calc((6deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-21 .progress-point {
    transform: rotate(calc(calc((6deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-22 .clip-section {
    transform: rotate(calc((6deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-22 .progress-point {
    transform: rotate(calc(calc((6deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-23 .clip-section {
    transform: rotate(calc((6deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-23 .progress-point {
    transform: rotate(calc(calc((6deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-24 .clip-section {
    transform: rotate(calc((6deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-24 .progress-point {
    transform: rotate(calc(calc((6deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-24 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((6deg * 24) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-49.current-25 .clip-section {
    transform: rotate(calc((6deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-25 .progress-point {
    transform: rotate(calc(calc((6deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-25 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-25 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-25 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-26 .clip-section {
    transform: rotate(calc((6deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-26 .progress-point {
    transform: rotate(calc(calc((6deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-27 .clip-section {
    transform: rotate(calc((6deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-27 .progress-point {
    transform: rotate(calc(calc((6deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-28 .clip-section {
    transform: rotate(calc((6deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-28 .progress-point {
    transform: rotate(calc(calc((6deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-29 .clip-section {
    transform: rotate(calc((6deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-29 .progress-point {
    transform: rotate(calc(calc((6deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-30 .clip-section {
    transform: rotate(calc((6deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-30 .progress-point {
    transform: rotate(calc(calc((6deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-31 .clip-section {
    transform: rotate(calc((6deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-31 .progress-point {
    transform: rotate(calc(calc((6deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-32 .clip-section {
    transform: rotate(calc((6deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-32 .progress-point {
    transform: rotate(calc(calc((6deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-33 .clip-section {
    transform: rotate(calc((6deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-33 .progress-point {
    transform: rotate(calc(calc((6deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-34 .clip-section {
    transform: rotate(calc((6deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-34 .progress-point {
    transform: rotate(calc(calc((6deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-35 .clip-section {
    transform: rotate(calc((6deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-35 .progress-point {
    transform: rotate(calc(calc((6deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-36 .clip-section {
    transform: rotate(calc((6deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-36 .progress-point {
    transform: rotate(calc(calc((6deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-37 .clip-section {
    transform: rotate(calc((6deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-37 .progress-point {
    transform: rotate(calc(calc((6deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-38 .clip-section {
    transform: rotate(calc((6deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-38 .progress-point {
    transform: rotate(calc(calc((6deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-39 .clip-section {
    transform: rotate(calc((6deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-39 .progress-point {
    transform: rotate(calc(calc((6deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-40 .clip-section {
    transform: rotate(calc((6deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-40 .progress-point {
    transform: rotate(calc(calc((6deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-41 .clip-section {
    transform: rotate(calc((6deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-41 .progress-point {
    transform: rotate(calc(calc((6deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-42 .clip-section {
    transform: rotate(calc((6deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-42 .progress-point {
    transform: rotate(calc(calc((6deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-43 .clip-section {
    transform: rotate(calc((6deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-43 .progress-point {
    transform: rotate(calc(calc((6deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-44 .clip-section {
    transform: rotate(calc((6deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-44 .progress-point {
    transform: rotate(calc(calc((6deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-45 .clip-section {
    transform: rotate(calc((6deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-45 .progress-point {
    transform: rotate(calc(calc((6deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-46 .clip-section {
    transform: rotate(calc((6deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-46 .progress-point {
    transform: rotate(calc(calc((6deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-47 .clip-section {
    transform: rotate(calc((6deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-47 .progress-point {
    transform: rotate(calc(calc((6deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-48 .clip-section {
    transform: rotate(calc((6deg * 48) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-48 .progress-point {
    transform: rotate(calc(calc((6deg * 48) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-48 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-48 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-48 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-49 .clip-section {
    transform: rotate(calc((6deg * 49) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-49.current-49 .progress-point {
    transform: rotate(calc(calc((6deg * 49) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-49.current-49 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-49.current-49 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-49.current-49 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-0 .clip-section {
    transform: rotate(calc((5.88deg * 0) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-0 .progress-point {
    transform: rotate(calc(calc((5.88deg * 0) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-0 .clip-section {
    display: none;
  }
  .diagram .diagram-bg.total-50.current-0 .progress-point:after {
    border-color: #ececec;
  }
  .diagram .diagram-bg.total-50.current-0 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 0) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-1 .clip-section {
    transform: rotate(calc((5.88deg * 1) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-1 .progress-point {
    transform: rotate(calc(calc((5.88deg * 1) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-1 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 1) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-2 .clip-section {
    transform: rotate(calc((5.88deg * 2) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-2 .progress-point {
    transform: rotate(calc(calc((5.88deg * 2) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-2 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 2) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-3 .clip-section {
    transform: rotate(calc((5.88deg * 3) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-3 .progress-point {
    transform: rotate(calc(calc((5.88deg * 3) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-3 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 3) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-4 .clip-section {
    transform: rotate(calc((5.88deg * 4) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-4 .progress-point {
    transform: rotate(calc(calc((5.88deg * 4) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-4 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 4) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-5 .clip-section {
    transform: rotate(calc((5.88deg * 5) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-5 .progress-point {
    transform: rotate(calc(calc((5.88deg * 5) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-5 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 5) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-6 .clip-section {
    transform: rotate(calc((5.88deg * 6) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-6 .progress-point {
    transform: rotate(calc(calc((5.88deg * 6) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-6 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 6) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-7 .clip-section {
    transform: rotate(calc((5.88deg * 7) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-7 .progress-point {
    transform: rotate(calc(calc((5.88deg * 7) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-7 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 7) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-8 .clip-section {
    transform: rotate(calc((5.88deg * 8) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-8 .progress-point {
    transform: rotate(calc(calc((5.88deg * 8) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-8 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 8) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-9 .clip-section {
    transform: rotate(calc((5.88deg * 9) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-9 .progress-point {
    transform: rotate(calc(calc((5.88deg * 9) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-9 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 9) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-10 .clip-section {
    transform: rotate(calc((5.88deg * 10) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-10 .progress-point {
    transform: rotate(calc(calc((5.88deg * 10) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-10 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 10) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-11 .clip-section {
    transform: rotate(calc((5.88deg * 11) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-11 .progress-point {
    transform: rotate(calc(calc((5.88deg * 11) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-11 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 11) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-12 .clip-section {
    transform: rotate(calc((5.88deg * 12) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-12 .progress-point {
    transform: rotate(calc(calc((5.88deg * 12) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-12 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 12) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-13 .clip-section {
    transform: rotate(calc((5.88deg * 13) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-13 .progress-point {
    transform: rotate(calc(calc((5.88deg * 13) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-13 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 13) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-14 .clip-section {
    transform: rotate(calc((5.88deg * 14) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-14 .progress-point {
    transform: rotate(calc(calc((5.88deg * 14) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-14 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 14) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-15 .clip-section {
    transform: rotate(calc((5.88deg * 15) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-15 .progress-point {
    transform: rotate(calc(calc((5.88deg * 15) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-15 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 15) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-16 .clip-section {
    transform: rotate(calc((5.88deg * 16) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-16 .progress-point {
    transform: rotate(calc(calc((5.88deg * 16) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-16 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 16) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-17 .clip-section {
    transform: rotate(calc((5.88deg * 17) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-17 .progress-point {
    transform: rotate(calc(calc((5.88deg * 17) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-17 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 17) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-18 .clip-section {
    transform: rotate(calc((5.88deg * 18) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-18 .progress-point {
    transform: rotate(calc(calc((5.88deg * 18) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-18 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 18) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-19 .clip-section {
    transform: rotate(calc((5.88deg * 19) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-19 .progress-point {
    transform: rotate(calc(calc((5.88deg * 19) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-19 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 19) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-20 .clip-section {
    transform: rotate(calc((5.88deg * 20) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-20 .progress-point {
    transform: rotate(calc(calc((5.88deg * 20) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-20 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 20) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-21 .clip-section {
    transform: rotate(calc((5.88deg * 21) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-21 .progress-point {
    transform: rotate(calc(calc((5.88deg * 21) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-21 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 21) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-22 .clip-section {
    transform: rotate(calc((5.88deg * 22) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-22 .progress-point {
    transform: rotate(calc(calc((5.88deg * 22) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-22 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 22) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-23 .clip-section {
    transform: rotate(calc((5.88deg * 23) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-23 .progress-point {
    transform: rotate(calc(calc((5.88deg * 23) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-23 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 23) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-24 .clip-section {
    transform: rotate(calc((5.88deg * 24) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-24 .progress-point {
    transform: rotate(calc(calc((5.88deg * 24) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-24 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 24) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-25 .clip-section {
    transform: rotate(calc((5.88deg * 25) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-25 .progress-point {
    transform: rotate(calc(calc((5.88deg * 25) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-25 .clip-section .progress-line {
    transform: rotate(calc(33deg - calc((5.88deg * 25) + (90deg + (66deg/2))) - 90deg));
  }
  .diagram .diagram-bg.total-50.current-26 .clip-section {
    transform: rotate(calc((5.88deg * 26) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-26 .progress-point {
    transform: rotate(calc(calc((5.88deg * 26) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-26 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-26 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-26 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-27 .clip-section {
    transform: rotate(calc((5.88deg * 27) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-27 .progress-point {
    transform: rotate(calc(calc((5.88deg * 27) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-27 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-27 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-27 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-28 .clip-section {
    transform: rotate(calc((5.88deg * 28) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-28 .progress-point {
    transform: rotate(calc(calc((5.88deg * 28) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-28 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-28 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-28 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-29 .clip-section {
    transform: rotate(calc((5.88deg * 29) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-29 .progress-point {
    transform: rotate(calc(calc((5.88deg * 29) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-29 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-29 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-29 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-30 .clip-section {
    transform: rotate(calc((5.88deg * 30) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-30 .progress-point {
    transform: rotate(calc(calc((5.88deg * 30) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-30 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-30 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-30 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-31 .clip-section {
    transform: rotate(calc((5.88deg * 31) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-31 .progress-point {
    transform: rotate(calc(calc((5.88deg * 31) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-31 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-31 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-31 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-32 .clip-section {
    transform: rotate(calc((5.88deg * 32) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-32 .progress-point {
    transform: rotate(calc(calc((5.88deg * 32) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-32 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-32 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-32 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-33 .clip-section {
    transform: rotate(calc((5.88deg * 33) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-33 .progress-point {
    transform: rotate(calc(calc((5.88deg * 33) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-33 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-33 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-33 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-34 .clip-section {
    transform: rotate(calc((5.88deg * 34) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-34 .progress-point {
    transform: rotate(calc(calc((5.88deg * 34) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-34 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-34 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-34 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-35 .clip-section {
    transform: rotate(calc((5.88deg * 35) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-35 .progress-point {
    transform: rotate(calc(calc((5.88deg * 35) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-35 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-35 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-35 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-36 .clip-section {
    transform: rotate(calc((5.88deg * 36) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-36 .progress-point {
    transform: rotate(calc(calc((5.88deg * 36) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-36 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-36 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-36 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-37 .clip-section {
    transform: rotate(calc((5.88deg * 37) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-37 .progress-point {
    transform: rotate(calc(calc((5.88deg * 37) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-37 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-37 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-37 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-38 .clip-section {
    transform: rotate(calc((5.88deg * 38) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-38 .progress-point {
    transform: rotate(calc(calc((5.88deg * 38) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-38 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-38 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-38 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-39 .clip-section {
    transform: rotate(calc((5.88deg * 39) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-39 .progress-point {
    transform: rotate(calc(calc((5.88deg * 39) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-39 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-39 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-39 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-40 .clip-section {
    transform: rotate(calc((5.88deg * 40) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-40 .progress-point {
    transform: rotate(calc(calc((5.88deg * 40) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-40 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-40 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-40 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-41 .clip-section {
    transform: rotate(calc((5.88deg * 41) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-41 .progress-point {
    transform: rotate(calc(calc((5.88deg * 41) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-41 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-41 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-41 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-42 .clip-section {
    transform: rotate(calc((5.88deg * 42) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-42 .progress-point {
    transform: rotate(calc(calc((5.88deg * 42) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-42 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-42 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-42 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-43 .clip-section {
    transform: rotate(calc((5.88deg * 43) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-43 .progress-point {
    transform: rotate(calc(calc((5.88deg * 43) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-43 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-43 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-43 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-44 .clip-section {
    transform: rotate(calc((5.88deg * 44) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-44 .progress-point {
    transform: rotate(calc(calc((5.88deg * 44) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-44 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-44 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-44 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-45 .clip-section {
    transform: rotate(calc((5.88deg * 45) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-45 .progress-point {
    transform: rotate(calc(calc((5.88deg * 45) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-45 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-45 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-45 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-46 .clip-section {
    transform: rotate(calc((5.88deg * 46) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-46 .progress-point {
    transform: rotate(calc(calc((5.88deg * 46) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-46 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-46 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-46 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-47 .clip-section {
    transform: rotate(calc((5.88deg * 47) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-47 .progress-point {
    transform: rotate(calc(calc((5.88deg * 47) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-47 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-47 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-47 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-48 .clip-section {
    transform: rotate(calc((5.88deg * 48) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-48 .progress-point {
    transform: rotate(calc(calc((5.88deg * 48) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-48 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-48 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-48 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-49 .clip-section {
    transform: rotate(calc((5.88deg * 49) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-49 .progress-point {
    transform: rotate(calc(calc((5.88deg * 49) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-49 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-49 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-49 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-50 .clip-section {
    transform: rotate(calc((5.88deg * 50) + (90deg + (66deg/2))));
  }
  .diagram .diagram-bg.total-50.current-50 .progress-point {
    transform: rotate(calc(calc((5.88deg * 50) + (90deg + (66deg/2))) - 180deg));
  }
  .diagram .diagram-bg.total-50.current-50 .clip-section .progress-line {
    transform: rotate(33deg);
  }
  .diagram .diagram-bg.total-50.current-50 .first-part-bg .part-bg:before {
    border-color: #8b6f4e;
  }
  .diagram .diagram-bg.total-50.current-50 .first-part-bg .part-bg:after {
    background: #8b6f4e;
  }
}
.diagram .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #F3F3F3;
  border-radius: 50%;
  z-index: 5;
  width: calc(100% - (12px * 4));
  height: calc(100% - (12px * 4));
}
@media only screen and (min-width: 768px) {
  .diagram .inner {
    width: calc(100% - (16px * 4));
    height: calc(100% - (16px * 4));
  }
}
.diagram .inner img,
.diagram .inner svg {
  max-width: 44px;
  height: auto;
  width: 100%;
  margin: 0 0 0 5%;
}
@media only screen and (min-width: 768px) {
  .diagram .inner img,
  .diagram .inner svg {
    max-width: 60px;
  }
}
.diagram .goal {
  text-align: center;
  font-size: 14px;
  color: #a3a3a3;
  font-weight: normal;
  margin: -15px 0 0;
}
@media only screen and (min-width: 768px) {
  .diagram .goal {
    font-size: 20px;
    margin-top: -17px;
  }
}
.diagram .goal strong {
  font-weight: normal;
  color: #785c3d;
}

@media only screen and (min-width: 768px) {
  .two-columns-right-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.two-columns-right-sidebar .content-column {
  margin: 0 0 40px;
}
@media only screen and (min-width: 768px) {
  .two-columns-right-sidebar .content-column {
    flex-grow: 1;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .two-columns-right-sidebar .aside {
    flex-shrink: 0;
    width: 260px;
    margin: 0 0 0 32px;
  }
}

.reward-section {
  background: #eee;
  padding: 20px 16px 0;
  text-align: center;
}
.reward-section .text {
  margin: 0 0 40px;
}
.reward-section .reward-aside-title {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 15px;
  letter-spacing: 0.05em;
  display: block;
}
.reward-section .btn-small {
  padding: 0 15px;
}
.reward-section img {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .rewards-dashboard .rewards-progress-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .rewards-dashboard .rewards-earning {
    flex-grow: 1;
  }
}
.rewards-dashboard .rewards-offers {
  flex-shrink: 0;
  cursor: pointer;
}
.rewards-dashboard .rewards-offers .holder {
  background: #381a00;
  color: #fff;
  padding: 10px 16px 13px;
}
.rewards-dashboard .rewards-offers .earned {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 5px;
}
.rewards-dashboard .rewards-offers .earned:before {
  content: '';
  background: url("../images/cup-peets.svg") no-repeat;
  background-size: 100% auto;
  width: 50px;
  height: 44px;
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 0 0;
}
.rewards-dashboard .rewards-offers .qty {
  font-size: 52px;
  line-height: 52px;
  font-weight: 400;
  margin: 0 5px 0 0;
}
.rewards-dashboard .rewards-offers .label {
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
}
.rewards-dashboard .rewards-offers .slogan {
  border-top: 1px solid #fff;
  padding: 10px 0 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-align: center;
}
.rewards-dashboard .offers-table tbody tr:first-child td {
  border-top: none;
}

.peets-tooltip-create-account {
  font-size: 12px;
  line-height: 20px;
  padding: 30px 0 0 25px;
  position: relative;
  margin: 0 0 20px;
}
.peets-tooltip-create-account:before {
  content: '!';
  position: absolute;
  top: 30px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  background: #b2b2b2;
  color: #fff;
}
.peets-tooltip-create-account .highlighted {
  font-weight: 500;
  font-size: 14px;
  margin: 0 0 5px;
  color: #191919;
}
.peets-tooltip-create-account a {
  text-decoration: underline;
  color: #8b6f4e;
  font-weight: 500;
}
.peets-tooltip-create-account a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .default-cart-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.default-cart-options .item {
  border: 1px solid #ececec;
  background: #ececec;
  padding: 20px;
  border-radius: 12px;
  margin: 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .default-cart-options .item.wide {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .default-cart-options .item.quarter {
    width: calc(40% - 8px);
  }
}
@media only screen and (min-width: 768px) {
  .default-cart-options .item.three-quarter {
    width: calc(60% - 8px);
  }
}
@media only screen and (min-width: 768px) {
  .default-cart-options .item.with-visual-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .default-cart-options .item.with-visual-column .item-content-column {
    flex-grow: 1;
  }
}
.default-cart-options .item.with-visual-column .item-visual-column {
  text-align: center;
  margin: 15px 0 0;
}
@media only screen and (min-width: 768px) {
  .default-cart-options .item.with-visual-column .item-visual-column {
    flex-shrink: 0;
    margin: 0 0 0 16px;
  }
}
.default-cart-options .item.with-visual-column .item-visual-column img {
  margin: 0 auto;
}
.default-cart-options h2 {
  margin: 0 0 20px;
  text-transform: none;
}
.default-cart-options .item-content-box {
  font-size: 12px;
  line-height: 22px;
  margin: 0 0 10px;
}
.default-cart-options .item-link {
  font-size: 16px;
}
.default-cart-options .item-link a {
  font-weight: 500;
  text-decoration: underline;
  color: #8b6f4e;
}
.default-cart-options .item-link a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .pc-index-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.pc-index-form .check-balance-messages {
  width: 100%;
}
.pc-index-form .failure {
  padding: 0 0 0 30px;
  position: relative;
}
.pc-index-form .failure .validation-title {
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.pc-index-form .failure .validation-title:before {
  content: '!';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  background: #b2b2b2;
  color: #fff;
}
.pc-index-form .inner-text {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .pc-index-form .leftside {
    width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 768px) {
  .pc-index-form .rightside {
    width: calc(50% - 8px);
  }
}
.pc-index-form .rightside .button {
  width: 100%;
  margin: 0 auto;
  max-width: 300px;
}

.subscription-info-list {
  margin: 0 0 30px;
}
.subscription-info-list strong {
  font-weight: 500;
}

.subscription-info-sub-title {
  display: block;
  font-weight: 500;
  margin: 0 0 10px;
}

.rd-profile-bottom {
  padding: 40px 0 0;
  font-size: 12px;
  line-height: 20px;
}

.peets-loyalty-customer-enrollment .ui-datepicker,
.peets-loyalty-customer-register .ui-datepicker {
  width: 240px;
}

.peets-loyalty-customer-success .loyalty-section {
  padding: 17px 0 16px;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .peets-loyalty-customer-success .loyalty-section {
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 56px;
    max-width: 770px;
  }
}

.peets-loyalty-customer-success .loyalty-section .content-section {
  text-align: center;
}
.peets-loyalty-customer-success .loyalty-section .page-title {
  text-align: center;
  margin-bottom: 33px;
}
.peets-loyalty-customer-success .loyalty-section h2 {
  font-size: 32px;
  line-height: 48px;
  font-weight: 500;
  letter-spacing: 0.165em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin: 0 0 20px;
  text-rendering: optimizeLegibility;
}
@media only screen and (min-width: 768px) {
  .peets-loyalty-customer-success .loyalty-section h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.peets-loyalty-customer-success .loyalty-section h3 {
  text-transform: none;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 10px;
  font-weight: 500;
  color: #191919;
}
.peets-loyalty-customer-success .loyalty-section .account-block a {
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: #8b6f4e;
  text-decoration: underline;
}
.peets-loyalty-customer-success .loyalty-section .account-block a:hover {
  text-decoration: none;
}
.peets-loyalty-customer-success .reward-section {
  display: none;
}

/* ============================================ *
 * Contacts
 * ============================================ */
.contacts-index-index .buttons-set {
  margin-left: 16px;
  max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
  float: left;
}
@media only screen and (max-width: 599px) {
  .contacts-index-index .buttons-set {
    max-width: 330px;
    margin-left: 0;
  }
  .contacts-index-index .buttons-set button {
    float: left;
    margin-left: 0px;
  }
  .contacts-index-index .buttons-set p.required {
    float: right;
  }
}

/* ============================================ *
 * PayPal
 * ============================================ */
@media only screen and (max-width: 867px) and (min-width: 768px) {
  .paypal-review-order .col2-set .col-1,
  .paypal-review-order .col2-set .col-2 {
    padding: 0px;
  }
}

.paypal-review-order .info-set {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec;
}
.paypal-review-order .buttons-set {
  margin-top: 0px;
  padding-top: 0px;
  border: 0;
}
.paypal-review-order .buttons-set button {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .paypal-review-order .col-1 {
    padding-bottom: 0;
  }
  .paypal-review-order .field.inactive {
    display: none;
  }
}

.top-container .bml-ad {
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: center;
}
.top-container .bml-ad span {
  display: inline-block;
}
.top-container .bml-ad span a {
  display: block;
}

.bml-ad {
  display: none;
  text-align: center;
  margin-bottom: 5px;
}
.bml-ad span {
  display: block;
  line-height: 0;
}
.bml-ad a {
  display: inline-block;
  max-width: 100%;
}
.bml-ad a:hover {
  opacity: 0.7;
}
.bml-ad img {
  height: auto !important;
  max-width: 100%;
}

.cart-totals-wrapper .bml-ad.large img {
  display: block;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .bml-ad.small {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .bml-ad.large {
    display: block;
  }
}
div.paypal-logo {
  text-align: center;
  max-width: 100%;
}
div.paypal-logo span {
  display: block;
  width: 100%;
}
div.paypal-logo span a {
  display: inline-block;
  max-width: 100%;
}
div.paypal-logo span a img {
  max-width: 100%;
}
div.paypal-logo span > img {
  display: none;
}

.checkout-types div.paypal-logo {
  text-align: right;
}

.bml-checkout-type {
  list-style-type: none;
}

.sidebar .paypal-logo {
  text-align: center;
  line-height: 0;
}
.sidebar .paypal-logo > a {
  display: inline-block;
  max-width: 100%;
}
.sidebar .paypal-logo > a:hover {
  opacity: 0.8;
}
.sidebar .paypal-logo > a img {
  display: block;
}
.sidebar .paypal-logo .label {
  margin-top: 4px;
}
.sidebar .paypal-logo .label a {
  font-size: 12px;
  line-height: 1.5;
}

/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews .review-heading {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .review-heading h2 {
  float: left;
  display: block;
}
#customer-reviews .review-heading .pager {
  clear: none;
  float: right;
  width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
  margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}
#customer-reviews .review-heading .pager .amount {
  display: none;
}
#customer-reviews h2 {
  color: #191919;
  font-size: 14px;
}
#customer-reviews h2 span {
  color: #191919;
}
#customer-reviews h3 {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
#customer-reviews h3 span {
  color: #191919;
}
#customer-reviews .fieldset {
  padding-top: 25px;
  width: 470px;
}
#customer-reviews .fieldset h4 {
  border-bottom: 1px solid #CCCCCC;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 5px;
  text-transform: uppercase;
}
#customer-reviews .fieldset h4 em {
  display: none;
}
#customer-reviews .fieldset .form-list {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0;
  text-transform: uppercase;
  width: 470px;
}
#customer-reviews .fieldset .form-list .inline-label:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .fieldset .form-list label {
  font-size: 12px;
  font-weight: normal;
}
#customer-reviews .fieldset .form-list textarea {
  border: 1px solid #CCCCCC;
  border-radius: 0;
  min-width: 100%;
  -webkit-appearance: none;
}
#customer-reviews .fieldset .form-list input {
  border: 1px solid #CCCCCC;
  border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
  width: 100%;
}
#customer-reviews .buttons-set {
  border: none;
  margin: 0;
  width: 470px;
}
#customer-reviews dl {
  margin-bottom: 10px;
}
#customer-reviews dl dd .ratings-table {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
  margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
  width: 300px;
  max-width: 70%;
}
#customer-reviews dl dd table {
  margin: 15px 0;
}
#customer-reviews dl dd .review-meta {
  color: #3399CC;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}

.review-summary-table {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 10px;
}
.review-summary-table thead {
  background: transparent;
}
.review-summary-table thead th {
  background: transparent;
  border: none;
  padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
  background: #FFFFFF;
  font-size: 12px;
}
.review-summary-table tbody td {
  border: none;
  text-align: center;
  padding: 0;
}
.review-summary-table tbody td label {
  width: 100%;
  display: block;
  padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
  display: none;
}
.review-summary-table .rating-box .rating-number:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* ============================================ *
 * Ratings - Global
 * ============================================ */
.ratings-table {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.ratings-table th {
  padding-right: 10px;
}
.ratings-table .rating-box {
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 65px;
}
.ratings-table .rating-box .rating {
  float: left;
  height: 13px;
  text-indent: -9999px;
}

@media only screen and (max-width: 767px) {
  body.review-product-list .product-view .product-shop .price-info {
    padding-left: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info {
    padding: 0;
    min-width: 84%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table {
    margin: 10px 0;
    width: 100%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 535px) {
  body.review-product-list .product-view .product-shop .extra-info {
    min-width: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    float: none;
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  #customer-reviews .fieldset {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list .inline-label label,
  #customer-reviews .fieldset .form-list .inline-label .input-box {
    float: none;
  }
  #customer-reviews .buttons-set {
    width: 100%;
  }
  #customer-reviews .review-summary-table thead th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody td {
    width: 20%;
    padding: 0px;
  }
  #customer-reviews .review-summary-table .rating-box {
    text-indent: 0px;
    text-align: center;
    background: none;
    height: 19.6px;
    width: 100%;
  }
  #customer-reviews .review-summary-table .rating-box .rating {
    display: none;
  }
  #customer-reviews .review-summary-table .rating-box .rating-number {
    display: inline-block;
  }
}
@media only screen and (max-width: 450px) {
  #customer-reviews dl dd .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 {
  border-bottom: none;
}
.review-product-view .product-review .product-img-box {
  width: auto;
  max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
  width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .review-product-view .product-review .product-img-box {
    max-width: 100%;
  }
}
/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #EDEDED;
}
.slideshow-container .slideshow {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0;
  border: 10px solid #FFFFFF;
}
.slideshow-container .slideshow > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: block;
  margin: 0;
}
.slideshow-container .slideshow > li:first-child {
  position: static;
  z-index: 100;
}
.slideshow-container .slideshow > li img {
  max-width: 100%;
  width: 100%;
}

.slideshow-pager {
  text-align: center;
  width: 100%;
  z-index: 115;
  position: absolute;
  bottom: 0px;
  top: auto;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-pager span {
  font-family: arial;
  width: 44px;
  height: 44px;
  display: inline-block;
  color: #DDDDDD;
  cursor: pointer;
}
.slideshow-pager span:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 1px;
  background-color: #FFFFFF;
  position: relative;
}
.slideshow-pager span:hover:before {
  background-color: #2e8ab8;
}
.slideshow-pager span.cycle-pager-active:before {
  background-color: #297aa3;
}
.slideshow-pager > * {
  cursor: pointer;
}

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 0;
  width: 15%;
  max-width: 80px;
  height: 100%;
  opacity: 0.6;
  z-index: 110;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  border-style: solid;
  display: block;
  top: 50%;
  margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
  opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

.slideshow-prev {
  left: 8px;
}
.slideshow-prev:before {
  border-width: 15px 15px 15px 0;
  border-color: transparent #FFFFFF transparent transparent;
  top: 50%;
  left: 10px;
}
.slideshow-prev:hover:before {
  border-color: transparent #2e8ab8 transparent transparent;
}

.slideshow-next {
  right: 8px;
}
.slideshow-next:before {
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #FFFFFF;
  top: 50%;
  right: 10px;
}
.slideshow-next:hover:before {
  border-color: transparent transparent transparent #2e8ab8;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 110;
}

.cycle-overlay {
  font-family: tahoma, arial;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}

/* ============================================ *
 * Wishlist
 * ============================================ */
#wishlist-table th {
  text-align: center;
}
#wishlist-table.clean-table {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
}
#wishlist-table.clean-table th {
  border-bottom: 1px solid #d8d8d8;
}
#wishlist-table.clean-table td {
  padding: 15px;
  vertical-align: top;
}
#wishlist-table.clean-table thead th {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
#wishlist-table .product-name {
  font-size: 16px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
}
#wishlist-table .product-name a {
  color: #191919;
}
#wishlist-table .wishlist-sku {
  font-size: 11px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin: 5px 0;
}
#wishlist-table textarea {
  border: 1px solid #b2b2b2;
  width: 100%;
  height: 45px;
  font-size: 11px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
#wishlist-table textarea::-webkit-input-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:-moz-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea::-moz-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:-ms-input-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:focus {
  border: 1px solid #8b6f4e;
}
#wishlist-table .item-manage {
  text-align: right;
  max-width: 450px;
  padding-top: 5px;
}
#wishlist-table .item-manage .button {
  font-size: 11px;
  padding: 3px 5px;
}
#wishlist-table .cart-cell {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-image {
  width: 113px;
}
#wishlist-table td.customer-wishlist-item-quantity {
  width: 3em;
}
#wishlist-table td.customer-wishlist-item-price {
  width: 120px;
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart {
  width: 150px;
}
#wishlist-table td.customer-wishlist-item-cart .button {
  font-size: 12px;
  margin-bottom: 10px;
  padding: 3px 5px;
  width: 100%;
}
#wishlist-table td.customer-wishlist-item-cart .truncated {
  margin-bottom: 10px;
}
#wishlist-table td.customer-wishlist-item-cart > p {
  margin-bottom: 0;
}
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
  vertical-align: top;
}
#wishlist-table td.customer-wishlist-item-remove {
  width: 20px;
}
#wishlist-table td .button,
#wishlist-table td button {
  white-space: normal;
}
#wishlist-table .price-box {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
}
#wishlist-table .price-box .price {
  color: #191919;
}
#wishlist-table .giftregisty-add {
  margin-top: 5px;
}
#wishlist-table .giftregisty-add .change {
  display: none;
}
#wishlist-table .giftregisty-add li {
  cursor: pointer;
  color: #191919;
  margin-bottom: 3px;
}
#wishlist-table .truncated .details {
  background: none;
  color: #191919;
}
#wishlist-table td[data-rwd-label]:before {
  font-weight: 600;
}

@media only screen and (max-width: 1199px) {
  #wishlist-table.clean-table td {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 979px) {
  #wishlist-table.clean-table td {
    padding-left: 5px;
    padding-right: 5px;
  }
  #wishlist-table.clean-table td textarea {
    height: 100px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 110px;
  }
  #wishlist-table .product-name {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  #wishlist-table:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table .product-name {
    font-size: 16px;
  }
  #wishlist-table textarea {
    height: 68px;
    max-width: 100%;
  }
  #wishlist-table .item-manage {
    max-width: 100%;
  }
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table td.customer-wishlist-item-image {
    width: 70px;
  }
  #wishlist-table td.customer-wishlist-item-image img {
    width: 70px;
    height: 70px;
  }
  #wishlist-table td.customer-wishlist-item-cart p {
    margin-bottom: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
    margin-right: 0;
    padding-top: 4px;
  }
  #wishlist-table td.customer-wishlist-item-cart {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 599px) {
  #wishlist-table td.customer-wishlist-item-quantity {
    padding-left: 0;
  }
  #wishlist-table td.customer-wishlist-item-image,
  #wishlist-table th.customer-wishlist-item-image {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table th.customer-wishlist-item-image {
    display: block;
  }
  #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    empty-cells: hide;
  }
  #wishlist-table td.customer-wishlist-item-image {
    display: block;
    overflow: hidden;
  }
  #wishlist-table td.customer-wishlist-item-image a {
    float: left;
  }
  #wishlist-table td.customer-wishlist-item-image a img {
    width: 113px;
    height: 113px;
  }
  #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before {
    float: left;
    margin-right: 16px;
  }
  #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box {
    margin-top: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .cart-cell {
    float: left;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-cart > p {
    float: right;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-remove {
    position: absolute;
    top: 15px;
    right: 0px;
    display: block;
    padding: 0px;
    height: 20px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 100%;
  }
}
/* ============================================ *
 * Wishlist Sidebar
 * ============================================ */
.block-wishlist .mini-products-list > li:not(:last-child) {
  padding-bottom: 5px;
}
.block-wishlist .product-details .product-name {
  padding-top: 0;
  margin-bottom: 5px;
}
.block-wishlist .price-box {
  float: left;
  margin: 0;
}
.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
  font-size: 12px;
}
.block-wishlist .link-cart {
  float: left;
  text-transform: uppercase;
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #EDEDED;
}

/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */
@media only screen and (min-width: 768px) {
  .header-minicart {
    float: left;
    margin: 0 0 0 18px;
  }
}
.header-minicart .minicart-message {
  display: block;
  padding: 10px;
}
.header-minicart .minicart-wrapper {
  clear: both;
  position: relative;
}
.header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.header-minicart .minicart-wrapper:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.header-minicart .minicart-wrapper:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.header-minicart .minicart-wrapper.loading {
  position: relative;
}
.header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after {
  display: block;
}
@media only screen and (max-width: 767px) {
  .header-minicart .minicart-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    overflow-y: auto;
  }
  .header-minicart .minicart-wrapper > * {
    width: 100%;
  }
  .header-minicart .minicart-wrapper .scrollable-area {
    height: 1%;
    flex-grow: 1;
  }
}
.header-minicart .block-cart {
  display: none;
}
.header-minicart .block-subtitle {
  font-size: 20px;
  line-height: 22px;
  padding: 29px 24px 30px 23px;
  text-align: center;
  margin-bottom: 0;
  color: #191919;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .header-minicart .block-subtitle {
    padding: 21px 70px 19px 16px;
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px solid #ececec;
  }
}
.header-minicart .block-subtitle:after {
  content: '';
  display: table;
  clear: both;
}
.header-minicart .block-subtitle .title {
  font-weight: normal;
  float: left;
  margin: 0 5px 0 0;
}
.header-minicart .block-subtitle .cart-link {
  float: right;
  font-size: 14px;
  color: #474747;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .header-minicart .block-subtitle .cart-link {
    font-size: 12px;
  }
}
.header-minicart .block-subtitle .cart-link:hover {
  text-decoration: none;
}
.header-minicart .block-subtitle .close {
  position: absolute;
  right: 16px;
  top: 18px;
  font-size: 0;
  line-height: 0;
  color: #979797;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .header-minicart .block-subtitle .close {
    display: none;
  }
}
.header-minicart .block-subtitle .close:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  display: block;
  font-size: 21px;
  line-height: 1;
}
.header-minicart .scrollable-area {
  background: #fff;
  border: solid #ececec;
  border-width: 0 1px;
  overflow-y: auto;
  max-height: 465px;
}
@media only screen and (max-width: 767px) {
  .header-minicart .scrollable-area {
    min-height: 154px;
  }
}
.header-minicart .mini-products-list {
  padding: 0;
}
.header-minicart .mini-products-list > li {
  padding: 21px 16px 0;
  border-bottom: 1px solid #ececec;
  position: relative;
  min-height: 155px;
}
@media only screen and (min-width: 768px) {
  .header-minicart .mini-products-list > li {
    padding: 21px 22px 0 16px;
  }
}
.header-minicart .mini-products-list > li.last {
  border-bottom: 1px solid transparent;
}
.header-minicart .mini-products-list > li .product-details {
  position: relative;
}
.header-minicart .price-block {
  float: right;
  text-align: right;
  padding: 0 0 50px;
  font-size: 14px;
  line-height: 17px;
}
.header-minicart .price-block .price {
  font-weight: 500;
}
.header-minicart .product-details .product-name {
  text-transform: none;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #191919;
  margin: 0 0 7px;
}
.header-minicart .product-details .product-name a {
  color: inherit;
}
.header-minicart .product-details .product-name a:hover {
  color: #8b6f4e;
}
.header-minicart .product-options-list {
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  color: #474747;
  margin: 0 0 7px;
}
.header-minicart .product-options-list strong {
  font-weight: normal;
}
.header-minicart .qty-wrapper {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 25px;
  margin: 8px 0 0;
}
.header-minicart .qty-wrapper .qty {
  display: block;
  width: 28px;
  text-align: center;
  border: none;
  padding: 0;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #595959;
}
.header-minicart .qty-wrapper .update-qty-button {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  border: none;
  background: #f3f3f3;
  color: #595959;
  transition: background 0.2s linear;
  font-size: 0;
  line-height: 0;
}
.header-minicart .qty-wrapper .update-qty-button:hover {
  cursor: pointer;
  background: #b2b2b2;
}
.header-minicart .qty-wrapper .update-qty-button:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  font-size: 7px;
  line-height: 20px;
}
.header-minicart .qty-wrapper .update-qty-button.minus {
  left: 0;
}
.header-minicart .qty-wrapper .update-qty-button.minus:before {
  content: "\e912";
  font-size: 2px;
}
.header-minicart .qty-wrapper .update-qty-button.plus {
  right: 0;
}
.header-minicart .qty-wrapper .update-qty-button.plus:before {
  content: "\e913";
}
.header-minicart .link-holder {
  position: absolute;
  bottom: 24px;
  right: 16px;
  font-size: 11px;
  line-height: 12px;
  text-transform: lowercase;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .header-minicart .link-holder {
    right: 23px;
  }
}
.header-minicart .link-holder a {
  color: #474747;
  text-decoration: underline;
}
.header-minicart .link-holder a:hover {
  text-decoration: none;
  color: #191919;
}
.header-minicart .subscription-toolbar {
  border-top: 1px solid #ececec;
  padding: 21px 16px 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #1f1309;
  margin: 0 0 2px;
  letter-spacing: -0.04em;
}
.header-minicart .subscription-toolbar .subscription-title {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #8b6f4e;
}
.header-minicart .minicart-bottom {
  border: 1px solid #ececec;
  padding: 17px 16px 24px;
}
@media only screen and (min-width: 768px) {
  .header-minicart .minicart-bottom {
    padding: 17px 24px 24px;
  }
}
.header-minicart .subtotal {
  border-bottom: 1px solid #b2b2b2;
  font-size: 14px;
  line-height: 24px;
  color: #131313;
  padding: 0 0 17px;
}
.header-minicart .subtotal .totals-list {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: #131313;
}
.header-minicart .subtotal li:after {
  content: '';
  display: table;
  clear: both;
}
.header-minicart .subtotal .totals {
  font-weight: 500;
}
.header-minicart .subtotal .label {
  float: left;
  margin: 0 5px 0 0;
}
.header-minicart .subtotal .price {
  float: right;
}
.header-minicart .minicart-actions {
  padding: 19px 0 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.header-minicart .minicart-actions .message {
  margin: 0 auto 19px;
  max-width: 230px;
  color: #785c3b;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.header-minicart .minicart-actions .checkout-button {
  min-width: 210px;
  text-transform: uppercase;
}
@media only screen and (min-width: 375px) {
  .header-minicart .minicart-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .header-minicart .minicart-links .cart-link {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 374px) {
  .header-minicart .minicart-links .cart-link {
    margin-bottom: 20px;
  }
}
.header-minicart .minicart-links .cart-link {
  font-size: 13px;
  line-height: 20px;
}
.header-minicart #minicart-error-message {
  text-align: center;
  color: red;
  display: none;
}
.header-minicart #minicart-success-message {
  text-align: center;
  color: green;
  display: none;
}
.header-minicart .empty-cart-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  flex-grow: 1;
  max-height: 100%;
  overflow-y: auto;
  text-align: center;
  padding: 19px 25px 14px;
  border: solid #ececec;
  border-width: 1px 1px 0;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .header-minicart .empty-cart-block {
    padding: 39px 25px 34px;
  }
}
.header-minicart .empty-title {
  display: block;
  font-weight: 500;
  color: #8b6f4e;
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .header-minicart .empty-title {
    margin-bottom: 35px;
  }
}
.header-minicart .shipping-icon {
  margin: 0 0 9px;
}
.header-minicart .shipping-icon img {
  display: inline-block;
  vertical-align: top;
}
.header-minicart .message {
  font-size: 12px;
  line-height: 20px;
  margin: 0 auto;
  max-width: 300px;
  color: #474747;
}
.header-minicart .empty-cart-actions {
  border-top: 1px solid #ececec;
  padding: 24px 16px 25px;
  text-align: center;
}
.header-minicart .empty-cart-actions .button {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  min-width: 250px;
}
.header-minicart .checkout-types:after {
  content: '';
  display: table;
  clear: both;
}
.header-minicart .checkout-types li {
  float: right;
  clear: right;
}

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
  display: block;
}

@media only screen and (min-width: 768px) {
  .checkout-types.minicart {
    float: none;
    text-align: center;
  }
}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete {
  left: 0 !important;
  overflow: visible !important;
  position: relative !important;
  top: 0 !important;
  width: 100% !important;
}

/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search {
  background: #F4F4F4;
  border: 1px solid #EDEDED;
  padding: 16px;
}
.advanced-search select.multiselect option {
  border-bottom: 1px solid #EDEDED;
  padding: 2px 5px;
}

@media only screen and (max-width: 479px) {
  .advanced-search {
    padding: 16px;
  }
}
.search-recomend .box-title {
  text-transform: none;
  padding: 15px 0;
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -16px -32px;
  }
}
.search-recomend .search-products-list > li {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 9px;
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .search-recomend .search-products-list > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list > li {
    width: calc(50% - 32px);
    margin: 0 16px 32px;
    padding: 36px 3.1% 0;
  }
}
.search-recomend .search-products-list .product-name {
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list .product-name {
    min-height: 48px;
  }
}
.search-recomend .search-products-list .price-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  line-height: 22px;
  margin: 0 -14px 6px;
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list .price-holder {
    min-height: 59px;
    margin-bottom: 0;
  }
}
.search-recomend .search-products-list .price-box,
.search-recomend .search-products-list .ratings {
  margin: 0 14px 10px;
}
.search-recomend .search-products-list .price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list .price-box {
    font-size: 11px;
  }
}
.search-recomend .search-products-list .price-sep {
  margin: 0 0 0 3px;
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list .price-sep {
    font-size: 12px;
  }
}
.search-recomend .search-products-list .price {
  color: #222;
  font-size: 18px;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list .price {
    font-size: 20px;
  }
}
.search-recomend .search-products-list .ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  color: #a3a3a3;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .search-recomend .search-products-list .ratings {
    font-size: 11px;
  }
}
.search-recomend .search-products-list .ratings .rating-box {
  margin: 0 3px 0 0;
}
.search-recomend .search-products-list .ratings a {
  color: #a3a3a3;
}
.search-recomend .search-products-list .ratings a:hover {
  color: #191919;
  text-decoration: none;
}
.search-recomend .search-products-list .ratings .rating-box,
.search-recomend .search-products-list .ratings .amount {
  display: inline-block;
  vertical-align: top;
}
.search-recomend .search-products-list .ratings .amount {
  letter-spacing: 0.09em;
  margin: 0 0 0 -2px;
}

#search_autocomplete {
  display: block !important;
}

/* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label {
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin-top: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.product-review .product-img-box .rating-box {
  margin: 15px 0;
}
.product-review .product-details h2 {
  border-bottom: 1px solid #CCCCCC;
  color: #3399CC;
  font-size: 16px;
  font-weight: 600;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  padding-bottom: 10px;
}
.product-review .ratings-table {
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.product-review .ratings-table th {
  padding-right: 10px;
}
.product-review .ratings-table tr {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  text-transform: uppercase;
}
.product-review .ratings-description dt {
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  margin-top: 20px;
  padding: 10px 0;
  text-transform: uppercase;
}
.product-review .ratings-description dd {
  color: #737373;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
@media only screen and (min-width: 1126px) {
  .product-review .ratings-table tr {
    float: left;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 320px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * CMS Pages
 * ============================================ */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
  border: none;
}
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
  content: '';
  display: table;
  clear: both;
}

.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
  margin-bottom: 10px;
}
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
  margin-bottom: 0;
}
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
  list-style: none;
  margin-left: 0;
  font-style: normal;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}

#accordion .toggle-tabs {
  display: none;
}
#accordion > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #191919;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  position: relative;
  background-color: #F4F4F4;
  display: block;
}
#accordion > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #191919;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
#accordion > dl > dt:hover {
  background-color: #ededed;
}
#accordion > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #CCCCCC;
}
#accordion > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}
#accordion li {
  position: relative;
  overflow: hidden;
}
#accordion li .plusimage h2 {
  margin-right: 10px;
}

.page-sitemap .links {
  display: block;
  text-align: right;
  margin: 0 20px 0 0;
}
.page-sitemap .links a {
  position: relative;
}
.page-sitemap .sitemap {
  padding: 0 20px;
  margin: 15px 0;
  font-size: 12px;
}
.page-sitemap .sitemap li {
  margin: 3px 0;
}

.contacts-index-index h1 {
  border: none;
}

#contactForm {
  padding-left: 40px;
}
#contactForm h2 {
  display: none;
}
#contactForm:after {
  content: '';
  display: table;
  clear: both;
}
#contactForm .fieldset .legend + .required {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #contactForm {
    padding-left: 0;
  }
}
.info-section-block {
  padding: 45px 16px 56px;
  color: #474747;
}
@media only screen and (min-width: 768px) {
  .info-section-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-left: -19px;
    margin-right: -19px;
    padding: 67px 0 72px;
  }
}
@media only screen and (min-width: 768px) {
  .info-section-block .heading-column,
  .info-section-block .info-column,
  .info-section-block .aside-column,
  .info-section-block .links-column {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  .info-section-block .heading-column {
    margin: 0 0 47px;
  }
}
@media only screen and (min-width: 768px) {
  .info-section-block .heading-column {
    padding-bottom: 40px;
    padding-top: 2px;
  }
}
.info-section-block .heading-column h2 {
  margin: 0;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.11em;
  font-weight: 500;
  color: #191919;
}
.info-section-block .heading-column h2 span {
  display: block;
}
@media only screen and (min-width: 768px) {
  .info-section-block .heading-column,
  .info-section-block .links-column {
    width: 33.2%;
  }
}
@media only screen and (max-width: 767px) {
  .info-section-block .info-column {
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  .info-section-block .info-column {
    width: 41.4%;
    padding-top: 2px;
  }
}
.info-section-block .info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 28px;
}
.info-section-block .info-block .photo {
  width: 80px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .info-section-block .info-block .photo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .info-section-block .info-block .photo {
    margin-right: 17px;
  }
}
.info-section-block .info-block .text {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 0 0;
}
.info-section-block .info-block .text a {
  text-decoration: underline;
  font-size: 12px;
}
.info-section-block .info-block .text a:hover {
  text-decoration: none;
}
.info-section-block .info-block .name {
  font-weight: 500;
  color: #131313;
}
.info-section-block .text-block {
  margin: 0 0 22px;
  padding: 0 30px 0 0;
  line-height: 22px;
}
.info-section-block .info-table {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .info-section-block .info-table {
    width: auto;
    max-width: 100%;
  }
}
.info-section-block .info-table th {
  font-size: 11px;
  color: #b2b2b2;
  text-align: center;
  padding: 0 5px 6px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .info-section-block .info-table th {
    padding: 0 20px 6px;
  }
  .info-section-block .info-table th:first-child {
    padding-left: 0;
  }
}
.info-section-block .info-table td {
  text-transform: uppercase;
  font-weight: 500;
  color: #595959;
  text-align: center;
  padding: 3px 5px;
  font-size: 12px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 768px) {
  .info-section-block .info-table td {
    padding: 3px 20px;
  }
  .info-section-block .info-table td:first-child {
    padding-left: 0;
  }
}
.info-section-block .info-table td strong {
  font-weight: inherit;
  text-decoration: underline;
}
.info-section-block .aside-column {
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .info-section-block .aside-column {
    border-top: 1px solid #d8d8d8;
    padding: 20px 0 0;
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  .info-section-block .aside-column {
    width: 25.4%;
  }
}
.info-section-block h3 {
  color: #191919;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 14px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .info-section-block h3 {
    margin-bottom: 22px;
  }
}
.info-section-block ul {
  margin: 0;
  list-style: none;
}
.info-section-block ul li {
  margin: 0;
}
.info-section-block ul a {
  text-decoration: underline;
  color: #474747;
}
.info-section-block ul a:hover {
  text-decoration: none;
  color: #191919;
}
.info-section-block .links-column {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .info-section-block .links-column {
    text-align: left;
    margin: -29px 0 0;
  }
}
.info-section-block .links-column .like-box {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 18px;
}
@media only screen and (min-width: 768px) {
  .info-section-block .links-column .like-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 26px 0 0;
  }
}
.info-section-block .links-column .like-box a {
  color: #474747;
}
.info-section-block .links-column .like-box a:hover {
  color: #8b6f4e;
}
.info-section-block .links-column .like-box .counter {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 0 34px;
  margin: 0 0 0 5px;
  color: #8b6f4e;
}
.info-section-block .links-column .like-box .counter:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  content: '\e91a';
}
.info-section-block .links-column .instagram-box {
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (min-width: 768px) {
  .info-section-block .links-column .instagram-box {
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
  }
}
.info-section-block .links-column .instagram-box a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 0 27px;
  text-decoration: underline;
  color: #474747;
}
.info-section-block .links-column .instagram-box a:hover {
  text-decoration: none;
  color: #8b6f4e;
}
.info-section-block .links-column .instagram-box a:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 21px;
  content: "\f16d";
  color: #191919;
}

.nav-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  margin: 0 0 31px;
  padding: 27px 16px;
}
@media only screen and (min-width: 768px) {
  .nav-panel {
    margin: 0 auto 56px;
    max-width: 1136px;
    padding: 52px 41px 50px;
  }
}
.nav-panel .btn-next,
.nav-panel .btn-prev {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
  color: #131313;
  text-decoration: none;
  max-width: 48%;
}
.nav-panel .btn-next:hover,
.nav-panel .btn-prev:hover {
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .nav-panel .btn-next,
  .nav-panel .btn-prev {
    font-size: 24px;
    line-height: 28px;
  }
}
.nav-panel .btn-next:before,
.nav-panel .btn-prev:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: #595959;
}
.nav-panel .btn-next {
  padding: 0 23px 0 0;
}
@media only screen and (min-width: 768px) {
  .nav-panel .btn-next {
    padding-right: 26px;
  }
}
.nav-panel .btn-next:before {
  content: "\e903";
  right: 0;
}
.nav-panel .btn-prev {
  padding: 0 0 0 23px;
}
@media only screen and (min-width: 768px) {
  .nav-panel .btn-prev {
    padding-left: 26px;
  }
}
.nav-panel .btn-prev:before {
  content: "\e900";
  left: 0;
}

.testimonials-section {
  padding: 71px 16px 79px;
}
@media only screen and (min-width: 1024px) {
  .testimonials-section {
    padding: 82px 0 52px;
  }
}
.testimonials-section .testimonials-heading {
  margin: 0 0 27px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .testimonials-section .testimonials-heading {
    margin-bottom: 58px;
  }
}
.testimonials-section .testimonials-heading .sub-heading {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 15px;
  color: #8b6f4e;
  letter-spacing: 0.18em;
}
.testimonials-section .section-block {
  padding: 0;
}
.testimonials-section .testimonials-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .testimonials-section .testimonials-list {
    margin: 0 34px;
  }
}
.testimonials-section .testimonials-list .slick-arrow {
  color: #b2b2b2;
}
@media only screen and (max-width: 767px) {
  .testimonials-section .testimonials-list .slick-arrow {
    transform: translateY(0);
    top: auto;
    bottom: 15px;
  }
  .testimonials-section .testimonials-list .slick-arrow:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .testimonials-section .testimonials-list .slick-arrow {
    margin-top: -40px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials-section .testimonials-list .slick-arrow {
    margin-top: -52px;
  }
  .testimonials-section .testimonials-list .slick-arrow:before {
    font-size: 32px;
  }
}
.testimonials-section .testimonials-list .slick-arrow:hover {
  color: #191919;
}
@media only screen and (min-width: 768px) {
  .testimonials-section .testimonials-list .slick-arrow.slick-prev {
    left: -40px;
  }
}
@media only screen and (min-width: 1440px) {
  .testimonials-section .testimonials-list .slick-arrow.slick-prev {
    left: -135px;
  }
}
@media only screen and (min-width: 768px) {
  .testimonials-section .testimonials-list .slick-arrow.slick-next {
    right: -40px;
  }
}
@media only screen and (min-width: 1440px) {
  .testimonials-section .testimonials-list .slick-arrow.slick-next {
    right: -135px;
  }
}
.testimonials-section .testimonial {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .testimonials-section .testimonial {
    padding: 0 14px;
  }
}
.testimonials-section .testimonial .holder {
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  color: #595959;
  letter-spacing: -0.033em;
}
@media only screen and (min-width: 768px) {
  .testimonials-section .testimonial .holder {
    margin: 0 auto;
    max-width: 630px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials-section .testimonial .holder {
    font-size: 32px;
  }
}
.testimonials-section .testimonial .author {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding: 70px 0 0;
}
@media only screen and (max-width: 767px) {
  .testimonials-section .testimonial .author {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials-section .testimonial .author {
    font-size: 13px;
    line-height: 24px;
    padding-top: 91px;
    margin-bottom: 3px;
  }
}
.testimonials-section .testimonial .author:before {
  position: absolute;
  top: 31px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8b6f4e;
  content: '';
}
@media only screen and (min-width: 1024px) {
  .testimonials-section .testimonial .author:before {
    top: 36px;
  }
}
.testimonials-section .testimonial .place {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8d8d8d;
}
@media only screen and (max-width: 767px) {
  .testimonials-section .testimonial .place {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials-section .testimonial .place {
    letter-spacing: 0.15em;
  }
}

.section-content .questions-section {
  padding: 0 16px 40px;
}
@media only screen and (min-width: 768px) {
  .section-content .questions-section {
    max-width: 750px;
    margin: 0 auto;
    padding: 0 0 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-content .questions-section {
    padding-bottom: 98px;
  }
}
.section-content .questions-section h3 {
  text-transform: none;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin: 20px 0 21px;
}
.section-content .questions-section h3:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .section-content .questions-section h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-content .questions-section h3 {
    margin-top: 103px;
  }
}
.section-content .accordion-list {
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .section-content .accordion-list {
    border-top: 2px solid #ececec;
  }
}
.section-content .accordion-list > li {
  border-bottom: 2px solid #ececec;
  margin: 0;
  padding: 7px 0;
}
.section-content .accordion-list .slide-opener {
  display: block;
  padding: 16px 50px 16px 3px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .section-content .accordion-list .slide-opener {
    font-size: 18px;
  }
}
.section-content .accordion-list .slide-opener:after {
  right: 10px;
  top: 20px;
  font-size: 7px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .section-content .accordion-list .slide-opener:after {
    right: 21px;
    top: 20px;
    font-size: 9px;
  }
}
.section-content .accordion-list .text-container {
  padding: 0 10px 6px 3px;
  font-size: 13px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .section-content .accordion-list .text-container {
    padding-right: 50px;
  }
}
.section-content .accordion-list .text-container a {
  text-decoration: underline;
  color: #8b6f4e;
}
.section-content .accordion-list .text-container a:hover {
  text-decoration: none;
}
.section-content .accordion-list .text-container p {
  margin-bottom: 10px;
}
.section-content .accordion-list .text-container p:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .subscriptions-banner + .section-content .subscription-links-container {
    margin: -180px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .subscriptions-banner + .section-content .subscription-links-container {
    margin-top: -224px;
  }
}

@media only screen and (min-width: 768px) {
  .subscription-links-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.subscription-links-container .subscription-links-block {
  text-align: center;
  color: #fff;
  padding: 46px 22px 47px;
}
@media only screen and (min-width: 980px) {
  .subscription-links-container .subscription-links-block {
    padding: 63px 16px 74px;
  }
}
.subscription-links-container .subscription-links-block.start-block {
  background: #0b1e22;
}
.subscription-links-container .subscription-links-block.explore-block {
  background: #191919;
}
@media only screen and (min-width: 768px) {
  .subscription-links-container .subscription-links-block {
    width: 50%;
    position: relative;
    padding-bottom: 120px;
  }
}
.subscription-links-container .icon {
  margin: 0 0 50px;
}
@media only screen and (min-width: 980px) {
  .subscription-links-container .icon {
    margin-bottom: 46px;
  }
}
.subscription-links-container .icon img,
.subscription-links-container .icon svg {
  margin: 0 auto;
}
.subscription-links-container h2 {
  color: #fff;
  margin: 0 0 13px;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: 0.14em;
}
@media only screen and (min-width: 980px) {
  .subscription-links-container h2 {
    font-size: 26px;
    margin-bottom: 22px;
  }
}
.subscription-links-container .description {
  margin: 0 auto 29px;
  max-width: 320px;
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (min-width: 980px) {
  .subscription-links-container .description {
    font-size: 16px;
    line-height: 25px;
    max-width: 450px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-links-container .btn-container {
    position: absolute;
    bottom: 74px;
    left: 16px;
    right: 16px;
  }
}
.subscription-links-container .button {
  min-width: 215px;
}

.heading-text-box {
  text-align: center;
  letter-spacing: -0.03em;
  font-size: 14px;
  color: #191919;
  padding: 31px 10px 7px;
  margin: 0 auto;
  max-width: 300px;
}
@media only screen and (min-width: 768px) {
  .heading-text-box {
    max-width: 600px;
  }
}
@media only screen and (min-width: 980px) {
  .heading-text-box {
    font-size: 16px;
    padding-top: 33px;
    padding-bottom: 14px;
  }
}
.heading-text-box p {
  margin-bottom: 14px;
}
@media only screen and (min-width: 768px) {
  .heading-text-box p {
    margin-bottom: 8px;
  }
}
.heading-text-box .underlined-link {
  color: #785c3d;
  line-height: 22px;
  font-size: 12px;
  padding: 0 0 3px;
}
.heading-text-box .underlined-link:hover {
  color: #191919;
}
.heading-text-box .underlined-link:after {
  background: #785c3d;
}

.stores-list-page .stores-list-section {
  padding: 30px 16px 0;
}
@media only screen and (min-width: 768px) {
  .stores-list-page .stores-list-section {
    padding: 30px 0 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .stores-list-page .stores-list-section {
    padding-top: 83px;
  }
}
.stores-list-page .stores-heading {
  margin: 0 0 30px;
}
@media only screen and (min-width: 1024px) {
  .stores-list-page .stores-heading {
    margin-bottom: 50px;
  }
}
.stores-list-page .stores-heading h1 {
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .stores-list-page .sticky-active .sticky-nav {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.stores-list-page .sticky-nav {
  border: none;
}
@media only screen and (min-width: 768px) {
  .stores-list-page .sticky-nav > ul {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 0 10px;
  }
  .stores-list-page .sticky-nav > ul li {
    margin: 0 15px 0 0;
    padding: 8px 0 0;
  }
  .stores-list-page .sticky-nav > ul li.active-section:after {
    display: none;
  }
  .stores-list-page .sticky-nav > ul li.active-section a {
    color: #474747;
  }
  .stores-list-page .sticky-nav > ul li.active-section.current-active:after {
    width: auto;
    left: 0;
    display: block;
  }
  .stores-list-page .sticky-nav > ul li.active-section.current-active a {
    color: #785c3d;
  }
}
.stores-list-page .sticky-nav .panel-text {
  padding: 9px 16px 0;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .stores-list-page .sticky-nav .panel-text {
    margin: 0 auto;
    padding: 10px 0 4px;
    max-width: 1136px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .stores-list-page .sticky-nav .panel-text {
    font-size: 14px;
    line-height: 22px;
  }
}
.stores-list-page .stores-container {
  padding: 30px 16px;
}
@media only screen and (min-width: 768px) {
  .stores-list-page .stores-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.stores-list-page .stores-container h2 {
  text-transform: none;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 20px;
}
.stores-list-page .store-list-block {
  font-size: 12px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .stores-list-page .store-list-block {
    -webkit-columns: 3 auto;
    -moz-columns: 3 auto;
    columns: 3 auto;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
  }
}
.stores-list-page .storeItem {
  padding: 0 0 15px;
  page-break-inside: avoid;
}
@media only screen and (min-width: 768px) {
  .stores-list-page .storeItem {
    vertical-align: top;
    width: 100%;
  }
}
.stores-list-page .storeItem strong {
  font-weight: 500;
  color: #191919;
}

.banner-box {
  background: #f1f1f1;
  text-align: center;
}
@media only screen and (min-width: 980px) {
  .banner-box {
    text-align: left;
  }
}
.banner-box .banner-box-holder {
  padding: 41px 16px 35px;
}
@media only screen and (min-width: 768px) {
  .banner-box .banner-box-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    max-width: 1168px;
    padding-top: 31px;
    padding-bottom: 29px;
  }
}
.banner-box .banner-text {
  margin: 0 0 33px;
  padding: 0 22px;
}
@media only screen and (min-width: 768px) {
  .banner-box .banner-text {
    margin: 0;
    padding: 0;
  }
}
.banner-box .banner-heading {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #191919;
}
@media only screen and (min-width: 768px) {
  .banner-box .btn-box {
    flex-shrink: 0;
    margin: 0 0 0 16px;
  }
}
.banner-box .button {
  min-width: 215px;
  border-color: #191919;
  color: #191919;
  font-size: 12px;
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 768px) {
  .banner-box .button {
    min-width: 180px;
  }
}
@media only screen and (min-width: 980px) {
  .banner-box .button {
    min-width: 215px;
  }
}
.banner-box .button:hover {
  background: #191919;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .explorer-series-page .top-banner {
    margin-bottom: 0;
  }
}
.explorer-series-page .gallery-section {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .explorer-series-page .gallery-section {
    margin-top: 60px;
  }
}

.discover-section {
  padding: 71px 16px 63px;
}
@media only screen and (min-width: 768px) {
  .discover-section {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .discover-section {
    padding: 111px 0 84px;
  }
}
.discover-section h2 {
  position: relative;
  text-align: center;
  padding-bottom: 39px;
  margin-bottom: 55px;
  padding-bottom: 33px;
}
.discover-section h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .discover-section h2 {
    padding-bottom: 48px;
  }
}
.discover-section h2:before {
  bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .discover-section h2 {
    padding-bottom: 36px;
    margin-bottom: 91px;
  }
}
.discover-section h3 {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  text-transform: none;
  margin-bottom: 23px;
  padding: 0 16px;
  color: #191919;
}
@media only screen and (min-width: 1024px) {
  .discover-section h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 68px;
  }
}
.discover-section .discover-filters-box {
  margin: 0 0 41px;
}
@media only screen and (min-width: 1024px) {
  .discover-section .discover-filters-box + .discover-filters-box {
    margin-top: 118px;
    margin-bottom: 58px;
  }
}
.discover-section .pounds-list,
.discover-section .beans-list {
  padding: 0;
  position: relative;
}
.discover-section .pounds-list > li,
.discover-section .beans-list > li {
  position: relative;
  padding: 11px 10px;
}
.discover-section .pounds-list .holder,
.discover-section .beans-list .holder {
  position: relative;
  position: relative;
  height: 100%;
  z-index: 1;
}
.discover-section .pounds-list .holder [type="checkbox"],
.discover-section .pounds-list .holder [type="radio"],
.discover-section .beans-list .holder [type="checkbox"],
.discover-section .beans-list .holder [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.discover-section .pounds-list .holder [type="checkbox"]:disabled + label,
.discover-section .pounds-list .holder [type="checkbox"]:disabled + .label,
.discover-section .pounds-list .holder [type="radio"]:disabled + label,
.discover-section .pounds-list .holder [type="radio"]:disabled + .label,
.discover-section .beans-list .holder [type="checkbox"]:disabled + label,
.discover-section .beans-list .holder [type="checkbox"]:disabled + .label,
.discover-section .beans-list .holder [type="radio"]:disabled + label,
.discover-section .beans-list .holder [type="radio"]:disabled + .label {
  pointer-events: none;
}
.discover-section .pounds-list .holder [type="checkbox"]:disabled + label:before,
.discover-section .pounds-list .holder [type="checkbox"]:disabled + .label:before,
.discover-section .pounds-list .holder [type="radio"]:disabled + label:before,
.discover-section .pounds-list .holder [type="radio"]:disabled + .label:before,
.discover-section .beans-list .holder [type="checkbox"]:disabled + label:before,
.discover-section .beans-list .holder [type="checkbox"]:disabled + .label:before,
.discover-section .beans-list .holder [type="radio"]:disabled + label:before,
.discover-section .beans-list .holder [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.discover-section .pounds-list .holder [type="checkbox"] + label,
.discover-section .pounds-list .holder [type="checkbox"] + .label,
.discover-section .pounds-list .holder [type="radio"] + label,
.discover-section .pounds-list .holder [type="radio"] + .label,
.discover-section .beans-list .holder [type="checkbox"] + label,
.discover-section .beans-list .holder [type="checkbox"] + .label,
.discover-section .beans-list .holder [type="radio"] + label,
.discover-section .beans-list .holder [type="radio"] + .label {
  margin-left: 28px;
}
.discover-section .pounds-list .holder [type="checkbox"] + label:before,
.discover-section .pounds-list .holder [type="checkbox"] + .label:before,
.discover-section .pounds-list .holder [type="radio"] + label:before,
.discover-section .pounds-list .holder [type="radio"] + .label:before,
.discover-section .beans-list .holder [type="checkbox"] + label:before,
.discover-section .beans-list .holder [type="checkbox"] + .label:before,
.discover-section .beans-list .holder [type="radio"] + label:before,
.discover-section .beans-list .holder [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.discover-section .pounds-list .holder [type="checkbox"]:checked + label:before,
.discover-section .pounds-list .holder [type="checkbox"]:checked + .label:before,
.discover-section .beans-list .holder [type="checkbox"]:checked + label:before,
.discover-section .beans-list .holder [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.discover-section .pounds-list .holder [type="checkbox"] + label:before,
.discover-section .pounds-list .holder [type="checkbox"] + .label:before,
.discover-section .beans-list .holder [type="checkbox"] + label:before,
.discover-section .beans-list .holder [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.discover-section .pounds-list .holder [type="radio"]:checked + label:before,
.discover-section .pounds-list .holder [type="radio"]:checked + .label:before,
.discover-section .beans-list .holder [type="radio"]:checked + label:before,
.discover-section .beans-list .holder [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.discover-section .pounds-list .holder [type="radio"] + label:before,
.discover-section .pounds-list .holder [type="radio"] + .label:before,
.discover-section .beans-list .holder [type="radio"] + label:before,
.discover-section .beans-list .holder [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.discover-section .pounds-list .holder input[type=radio],
.discover-section .beans-list .holder input[type=radio] {
  top: 17px;
  right: 15px;
  left: auto;
}
.discover-section .pounds-list .holder input[type=radio]:checked + label:after,
.discover-section .beans-list .holder input[type=radio]:checked + label:after {
  content: '';
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 28px;
  top: 56px;
  border-radius: 3px;
  box-shadow: 0 28px 28px rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.discover-section .pounds-list .holder input[type=radio] + label,
.discover-section .beans-list .holder input[type=radio] + label {
  margin: 0;
}
.discover-section .pounds-list .holder input[type=radio] + label:before,
.discover-section .beans-list .holder input[type=radio] + label:before {
  top: 17px;
  right: 15px;
  left: auto;
}
.discover-section .pounds-list .label-holder,
.discover-section .beans-list .label-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
}
.discover-section .pounds-list label,
.discover-section .beans-list label {
  display: block;
  position: relative;
  background: #fff;
  border-radius: 2px;
  text-align: center;
  font-weight: 500;
  color: #191919;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 19px;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
}
.discover-section .pounds-list .icon,
.discover-section .beans-list .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-shrink: 0;
}
.discover-section .pounds-list .icon img,
.discover-section .beans-list .icon img {
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.discover-section .pounds-list .item-title,
.discover-section .beans-list .item-title {
  display: block;
  font-weight: 500;
  flex-shrink: 0;
}
.discover-section .pounds-list {
  margin: 0 -16px;
  padding: 0 12px;
}
@media only screen and (min-width: 768px) {
  .discover-section .pounds-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0;
  }
}
.discover-section .pounds-list > li {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .discover-section .pounds-list > li {
    width: 33.333%;
    padding: 17px 16px 32px;
    margin: 0;
  }
}
.discover-section .pounds-list > li .label-holder {
  padding: 44px 50px 21px;
}
@media only screen and (min-width: 1024px) {
  .discover-section .pounds-list > li .label-holder {
    padding: 83px 50px 38px;
  }
}
@media only screen and (max-width: 767px) {
  .discover-section .pounds-list .holder input[type=radio]:checked + label {
    margin: -5px -22px;
    padding: 5px 22px;
  }
}
@media only screen and (min-width: 768px) {
  .discover-section .pounds-list .holder input[type=radio]:checked + label {
    margin: -17px -5px;
    padding: 17px 5px;
  }
}
.discover-section .pounds-list .holder input[type=radio]:checked + label:before {
  top: 24px;
  right: 20px;
}
@media only screen and (min-width: 1024px) {
  .discover-section .pounds-list .holder input[type=radio]:checked + label:before {
    top: 18px;
    right: 27px;
  }
}
@media only screen and (min-width: 1024px) {
  .discover-section .pounds-list .holder input[type=radio]:checked + label:after {
    left: 38px;
    right: 38px;
    bottom: 11px;
    border-radius: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .discover-section .pounds-list .holder input[type=radio]:checked + label .icon {
    margin-bottom: 62px;
  }
}
.discover-section .pounds-list .holder input[type=radio]:checked + label .label-holder {
  padding-top: 56px;
  padding-bottom: 17px;
}
@media only screen and (min-width: 1024px) {
  .discover-section .pounds-list .holder input[type=radio]:checked + label .label-holder {
    padding-top: 77px;
    padding-bottom: 17px;
  }
}
.discover-section .pounds-list .icon {
  height: 87px;
  margin: 0 0 48px;
}
.discover-section .pounds-list .item-title {
  letter-spacing: 0.12em;
}
.discover-section .beans-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media only screen and (min-width: 768px) {
  .discover-section .beans-list {
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 -16px;
    padding: 4px 0 0;
  }
}
.discover-section .beans-list > li {
  width: 50%;
}
@media only screen and (min-width: 768px) {
  .discover-section .beans-list > li {
    padding: 0 15px 30px;
    width: 33.333%;
  }
}
@media only screen and (min-width: 1024px) {
  .discover-section .beans-list > li {
    width: 20%;
  }
}
.discover-section .beans-list > li .label-holder {
  padding: 47px 10px 15px;
}
@media only screen and (min-width: 768px) {
  .discover-section .beans-list > li .label-holder {
    padding-top: 43px;
  }
}
.discover-section .beans-list .holder input[type=radio]:checked + label {
  margin: -5px;
  padding: 5px;
}
.discover-section .beans-list .holder input[type=radio]:checked + label:before {
  top: 19px;
  right: 19px;
}
@media only screen and (min-width: 768px) {
  .discover-section .beans-list .holder input[type=radio]:checked + label:after {
    bottom: 11px;
    border-radius: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .discover-section .beans-list .holder input[type=radio]:checked + label .item-label {
    top: 21px;
    left: 15px;
  }
}
.discover-section .beans-list .holder input[type=radio] + label:before {
  top: 14px;
  right: 14px;
}
.discover-section .beans-list .icon {
  height: 87px;
  margin: 0 0 11px;
}
@media only screen and (min-width: 768px) {
  .discover-section .beans-list .icon {
    margin-bottom: 8px;
  }
}
.discover-section .beans-list .item-title {
  letter-spacing: 0.12em;
  min-height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.discover-section .beans-list .item-title .row {
  display: block;
}
.discover-section .beans-list .item-label {
  display: block;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
  color: #8b6f4e;
}
@media only screen and (min-width: 768px) {
  .discover-section .beans-list .item-label {
    position: absolute;
    top: 16px;
    left: 10px;
    right: 40px;
    text-align: left;
  }
}
.discover-section .beans-list .bottom-area {
  flex-shrink: 0;
}
.discover-section .btn-box {
  text-align: center;
  padding: 15px 0 0;
}
.discover-section .select-box {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

.btn-holder.rewards-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 -5px;
}
@media only screen and (max-width: 767px) {
  .btn-holder.rewards-actions {
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .btn-holder.rewards-actions {
    padding-top: 16px;
  }
}
.btn-holder.rewards-actions .button {
  min-height: 48px;
  min-width: 0 !important;
  height: auto;
  margin: 0 5px 10px;
  padding: 0;
  border: none;
  border-radius: 8px;
}
.btn-holder.rewards-actions .gold-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  background: none;
  opacity: 1;
  transition-property: opacity;
}
.btn-holder.rewards-actions .gold-button:hover {
  opacity: 0.8;
}

.section-application {
  background: #000 url("../images/bg-type-3.png") 50% 50%;
  color: #fff;
  text-align: center;
}
.section-application .section-application-holder {
  padding: 94px 16px 98px;
}
@media only screen and (min-width: 768px) {
  .section-application .section-application-holder {
    margin: 0 auto;
    max-width: 800px;
    padding-top: 56px;
    padding-bottom: 21px;
  }
}
.section-application h2 {
  color: inherit;
  font-size: 32px;
  line-height: 44px;
  margin: 0 0 84px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .section-application h2 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (min-width: 768px) {
  .section-application h2 span {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .section-application .rewards-actions {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .section-application .rewards-actions .button {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.section-application .additional-note {
  font-size: 12px;
  margin: 28px 0 0;
}
@media only screen and (min-width: 768px) {
  .section-application .additional-note {
    margin-top: 33px;
  }
}
.section-application .additional-note .text-box {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section-application .additional-note .text-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 13px 0 0;
  }
}
.section-application .additional-note a {
  color: #fff;
  text-decoration: underline;
}
.section-application .additional-note a:hover {
  text-decoration: none;
}

.section-support {
  background: #F3F3F3;
  color: #191919;
  text-align: center;
  font-size: 18px;
}
.section-support .section-support-holder {
  padding: 65px 16px 70px;
}
@media only screen and (min-width: 768px) {
  .section-support .section-support-holder {
    margin: 0 auto;
    max-width: 800px;
    padding-top: 59px;
  }
}
.section-support h2 {
  text-transform: none;
  position: relative;
  font-size: 30px;
  line-height: 46px;
  letter-spacing: -0.03em;
  margin: 0 0 14px;
  color: #333;
}
@media only screen and (min-width: 768px) {
  .section-support h2 {
    font-size: 35px;
    margin-bottom: 16px;
  }
}
.section-support h2:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
  display: block;
  text-align: center;
  margin: 0 0 28px;
  padding: 0 11px 0 0;
  color: #8b6f4e;
  font-size: 43px;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .section-support h2:before {
    font-size: 54px;
    margin-bottom: 21px;
  }
}
.section-support p {
  margin: 0;
}
.section-support .btn-holder {
  padding: 34px 0 0;
}
@media only screen and (min-width: 768px) {
  .section-support .btn-holder {
    padding-top: 46px;
  }
}
.section-support .btn-holder .button {
  min-width: 272px;
}

.page-content-grid-section .page-content-grid-holder {
  padding: 13px 13px 6px;
}
@media only screen and (min-width: 768px) {
  .page-content-grid-section .page-content-grid-holder {
    padding: 50px 16px;
    margin: 0 auto;
    max-width: 1168px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-content-grid-section .page-content-grid-holder {
    padding-top: 94px;
    padding-bottom: 99px;
  }
}
.page-content-grid-section .article-item {
  font-size: 16px;
  line-height: 28px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #000;
  margin: 0 0 30px;
}
@media only screen and (min-width: 768px) {
  .page-content-grid-section .article-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: 80px;
  }
  .page-content-grid-section .article-item:nth-child(2n) .text-box {
    order: 1;
  }
  .page-content-grid-section .article-item:nth-child(2n) .image-box {
    order: 2;
    margin: 0 0 0 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-content-grid-section .article-item {
    margin-bottom: 167px;
  }
}
.page-content-grid-section .article-item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .page-content-grid-section .article-item .image-box {
    flex-shrink: 0;
    width: 46%;
    margin: 0 65px 0 0;
  }
}
.page-content-grid-section .article-item .text-box {
  padding: 31px 7px 30px;
}
@media only screen and (min-width: 768px) {
  .page-content-grid-section .article-item .text-box {
    padding: 18px 0 0;
  }
}
.page-content-grid-section .article-item h2 {
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: #291809;
  margin: 0 0 18px;
}
@media only screen and (min-width: 980px) {
  .page-content-grid-section .article-item h2 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 25px;
  }
}
.page-content-grid-section .article-item h2 span {
  display: block;
}
.page-content-grid-section .article-item p {
  margin: 0;
}
.page-content-grid-section .article-item .link-holder {
  margin: 37px 0 0;
}
@media only screen and (min-width: 768px) {
  .page-content-grid-section .article-item .link-holder {
    margin-top: 27px;
  }
}
.page-content-grid-section .article-item .button {
  min-width: 215px;
}

.press-archive .news-list-box {
  display: none;
}
.press-archive .content-heading + .news-list-box {
  display: block;
}
.press-archive .view-more-holder {
  text-align: center;
  padding: 0 0 29px;
}
@media only screen and (min-width: 768px) {
  .press-archive .view-more-holder {
    padding-bottom: 47px;
  }
}
.press-archive .view-more-holder .button {
  margin: 7px 0 0;
  min-width: 270px;
}
@media only screen and (min-width: 980px) {
  .press-archive .view-more-holder .button {
    margin-top: 36px;
  }
}

.about-page .top-banner .text-content .button,
.press-releases .top-banner .text-content .button {
  min-width: 270px;
}

.faq-page dd {
  margin-bottom: 10px;
}
.faq-page dd + h2 {
  margin-top: 40px;
}
.faq-page dt {
  font-style: italic;
}
.faq-page a {
  color: #8b6f4e;
}
.faq-page h2 {
  font-weight: bold;
}

/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label {
  color: #CF5050;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}

.map-info {
  white-space: nowrap;
}

.catalog-product-view .map-info {
  white-space: normal;
}
.catalog-product-view .map-info > span {
  float: right;
  margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
  float: right;
  width: 100%;
}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
  content: '';
  display: table;
  clear: both;
}
.notice-cookie .notice-text {
  float: left;
  max-width: 90%;
  padding-top: 4px;
  text-align: left;
}
.notice-cookie .notice-text p {
  padding-bottom: 14.5px;
  line-height: 1.3;
}
.notice-cookie .actions {
  float: left;
  text-align: right;
  padding-bottom: 14.5px;
}

@media only screen and (max-width: 979px) {
  .notice-cookie .notice-text {
    max-width: 86%;
  }
}
@media only screen and (max-width: 767px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-text {
    max-width: 82%;
    padding-top: 0;
  }
}
@media only screen and (max-width: 620px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-inner {
    background-position: left 10px;
  }
  .notice-cookie .notice-inner:after {
    content: '';
    display: table;
    clear: both;
  }
  .notice-cookie .notice-text {
    float: none;
    max-width: 100%;
    padding-top: 0;
  }
  .notice-cookie .actions {
    text-align: left;
  }
}
/* ============================================ *
 * Tags
 * ============================================ */
#addTagForm button {
  margin-top: 5px;
  margin-bottom: 10px;
}

#addTagForm .form-add {
  margin-top: 10px;
}

.product-tags {
  background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  float: left;
  margin-bottom: 10px;
  padding: 5px 1% 10px;
  width: 98%;
}

.product-tags li {
  float: left;
  margin-right: 15px;
}

.product-tags li.last {
  margin-right: 0px;
}

.tags-list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.tags-list > li {
  float: left;
  margin-right: 10px;
}

.block-tags .actions > a {
  font-size: 12px;
}

.my-tag-edit .button.btn-remove {
  padding: 0;
}
.my-tag-edit .button.btn-remove:after {
  color: white;
}

@media only screen and (max-width: 767px) {
  .tags-list > li,
  .tags-list {
    float: none;
  }
}
/* ============================================ *
 * Captcha
 * ============================================ */
.captcha-note {
  clear: left;
  padding-top: 5px;
}

.captcha-image {
  float: left;
  display: inline;
  max-width: 100%;
  position: relative;
  width: 258px;
  margin-bottom: 10px;
}

.captcha-image .captcha-img {
  border: 1px solid #b6b6b6;
  vertical-align: bottom;
  width: 100%;
}

.registered-users .captcha-image {
  margin: 0;
}

.captcha-reload {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
}

.captcha-reload.refreshing {
  animation: rotate 1.5s infinite linear;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
}

.customer-account-create .scaffold-form .captcha-input-container label:first-child {
  width: 100%;
}

.captcha-reload {
  position: absolute;
  right: 4px;
  top: 4px;
}

.captcha-img {
  border: 20px solid #bbb;
}

.captcha-input-container {
  margin-bottom: 10px;
}

.control.newsletter-box, .captcha-input-container, .captcha-img-container {
  float: none;
  clear: both;
}
.control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after {
  content: '';
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Account - Orders, Invoices, Credit Memos.
 * ============================================ */
@media only screen and (max-width: 479px) {
  .sales-order-invoice .sub-title,
  .sales-order-creditmemo .sub-title,
  .sales-order-shipment .sub-title {
    float: left;
    font-size: 15px;
    text-align: center;
    width: 100%;
  }
  .sales-order-invoice .order-links,
  .sales-order-creditmemo .order-links,
  .sales-order-shipment .order-links {
    text-align: center;
    width: 100%;
  }
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */
#recurring_profile_list_view th {
  white-space: normal;
}
#recurring_profile_list_view th span {
  white-space: inherit;
}
@media only screen and (max-width: 479px) {
  #recurring_profile_list_view {
    font-size: 12px;
  }
  #recurring_profile_list_view a {
    font-size: inherit;
  }
  #recurring_profile_list_view th,
  #recurring_profile_list_view td {
    padding: 2px;
  }
}

.recurring-profiles-title {
  float: left;
}
.recurring-profiles-title h1 {
  margin-bottom: 7px;
}

body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
  float: right;
  text-align: right;
  margin-bottom: 16px;
}
@media only screen and (max-width: 479px) {
  body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
    text-align: center;
    float: none;
  }
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
  position: static;
}

.recurring-profiles-messages:after {
  content: '';
  display: table;
  clear: both;
}

#recurring_start_date_trig {
  display: inline;
}

/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
  margin-bottom: 16px;
}
.billing-agreements .info-box:after {
  content: '';
  display: table;
  clear: both;
}
.billing-agreements .info-box .form-list {
  max-width: 400px;
  width: 100%;
}
.billing-agreements .info-box .box-title {
  margin-top: 20px;
  margin-bottom: 7px;
}
.billing-agreements .info-box .button {
  float: right;
  margin-top: 7px;
}
@media only screen and (max-width: 479px) {
  .billing-agreements .info-box .button {
    width: 100%;
    float: none;
  }
}
.billing-agreements #payment_method {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
  max-width: 80%;
}
@media only screen and (max-width: 479px) {
  .billing-agreement-view-header-wrapper .heading {
    max-width: 100%;
  }
}

.billing-agreement-details td, .billing-agreement-details th {
  padding: 3.5px;
}

@media only screen and (max-width: 979px) {
  .billing-agreements .data-table .created-at,
  .billing-agreements .data-table .updated-at {
    display: none;
  }
}
/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */
.catalogsearch-term-popular .tags-list {
  float: left;
  width: 100%;
}

.catalogsearch-term-popular .tags-list > li {
  float: left;
  height: 40px;
  margin-right: 25px;
}

/* ============================================ *
 * Review - Customer
 * ============================================ */
body.modal-active {
  overflow: hidden;
}

.nyroModalCloseButton {
  display: none !important;
}

.nyroModalBg,
.default-popup-cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 101 !important;
  background: #000;
  opacity: 0.7;
}

.nyroModalLink,
.modal-body,
.reviews-popup,
.subscription-popup,
.modal-error {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.nyroModalLink,
.nyroModalDom {
  padding: 0 !important;
  position: absolute !important;
  background: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

.default-popup h2,
.nyroModalCont h2 {
  font-size: 18px;
  margin: 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .default-popup h2,
  .nyroModalCont h2 {
    font-size: 26px;
  }
}
.default-popup h3,
.nyroModalCont h3 {
  text-transform: none;
  font-size: 14px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .default-popup h3,
  .nyroModalCont h3 {
    font-size: 18px;
  }
}
.default-popup h3 span,
.default-popup h3 strong,
.nyroModalCont h3 span,
.nyroModalCont h3 strong {
  color: #8b6f4e;
  font-weight: inherit;
}
.default-popup .fieldset,
.nyroModalCont .fieldset {
  margin: 20px 0 5px;
}

.nyroModalCont {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  overflow: visible !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
}
.nyroModalCont.nyroModalLoad {
  background: #fff !important;
  padding: 7px 15px;
  top: 50% !important;
  left: 50% !important;
  position: fixed !important;
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  z-index: 102;
}
.nyroModalCont.nyroModalLoad:before {
  content: url("../images/opc-ajax-loader.gif");
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.nyroModalCont.nyroModalLoad:after {
  content: 'Please wait...';
  display: inline-block;
  vertical-align: middle;
  color: #191919;
  font-size: 18px;
  line-height: 22px;
}

#review-form,
#ajaxform,
#freegift-popup-form,
.popup-inner,
.default-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 102;
  max-height: 90%;
  background: #fff;
  max-width: 600px;
  width: 100%;
}
#review-form.wide,
#ajaxform.wide,
#freegift-popup-form.wide,
.popup-inner.wide,
.default-popup.wide {
  max-width: 800px;
}

.default-popup.loading {
  position: fixed !important;
}
.default-popup.loading:before, .default-popup.loading:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.default-popup.loading:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.default-popup.loading:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.default-popup.loading.loading {
  position: relative;
}
.default-popup.loading.loading:before, .default-popup.loading.loading:after {
  display: block;
}
.default-popup.loading:after, .default-popup.loading:before {
  display: block !important;
}

.nyroModalLink .modal-header-area,
.nyroModalLink #modal-header,
.nyroModalDom .modal-header-area,
.nyroModalDom #modal-header,
.default-popup .modal-header-area,
.default-popup #modal-header {
  padding: 30px 46px 10px 16px;
  border-bottom: 1px solid #d8d8d8;
}
@media only screen and (min-width: 768px) {
  .nyroModalLink .modal-header-area,
  .nyroModalLink #modal-header,
  .nyroModalDom .modal-header-area,
  .nyroModalDom #modal-header,
  .default-popup .modal-header-area,
  .default-popup #modal-header {
    padding: 30px 50px 10px 30px;
  }
}
.nyroModalLink .modal-header-area .nyroModalClose,
.nyroModalLink #modal-header .nyroModalClose,
.nyroModalDom .modal-header-area .nyroModalClose,
.nyroModalDom #modal-header .nyroModalClose,
.default-popup .modal-header-area .nyroModalClose,
.default-popup #modal-header .nyroModalClose {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.nyroModalLink .modal-header-area .nyroModalClose:hover,
.nyroModalLink #modal-header .nyroModalClose:hover,
.nyroModalDom .modal-header-area .nyroModalClose:hover,
.nyroModalDom #modal-header .nyroModalClose:hover,
.default-popup .modal-header-area .nyroModalClose:hover,
.default-popup #modal-header .nyroModalClose:hover {
  color: #8b6f4e;
}
.nyroModalLink .modal-header-area .nyroModalClose:before,
.nyroModalLink #modal-header .nyroModalClose:before,
.nyroModalDom .modal-header-area .nyroModalClose:before,
.nyroModalDom #modal-header .nyroModalClose:before,
.default-popup .modal-header-area .nyroModalClose:before,
.default-popup #modal-header .nyroModalClose:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  display: block;
  font-size: 22px;
  line-height: 1;
  text-indent: 0;
}
.nyroModalLink .modal-header-area + .modal-footer-area,
.nyroModalLink .modal-header-area + #modal-footer,
.nyroModalLink #modal-header + .modal-footer-area,
.nyroModalLink #modal-header + #modal-footer,
.nyroModalDom .modal-header-area + .modal-footer-area,
.nyroModalDom .modal-header-area + #modal-footer,
.nyroModalDom #modal-header + .modal-footer-area,
.nyroModalDom #modal-header + #modal-footer,
.default-popup .modal-header-area + .modal-footer-area,
.default-popup .modal-header-area + #modal-footer,
.default-popup #modal-header + .modal-footer-area,
.default-popup #modal-header + #modal-footer {
  border: none;
}
.nyroModalLink .modal-content-area,
.nyroModalLink #modal-content,
.nyroModalDom .modal-content-area,
.nyroModalDom #modal-content,
.default-popup .modal-content-area,
.default-popup #modal-content {
  overflow-y: auto;
  flex-shrink: 1;
  padding: 0 16px;
}
@media only screen and (min-width: 768px) {
  .nyroModalLink .modal-content-area,
  .nyroModalLink #modal-content,
  .nyroModalDom .modal-content-area,
  .nyroModalDom #modal-content,
  .default-popup .modal-content-area,
  .default-popup #modal-content {
    padding: 0 30px;
  }
}
.nyroModalLink .modal-content-area .content-message,
.nyroModalLink #modal-content .content-message,
.nyroModalDom .modal-content-area .content-message,
.nyroModalDom #modal-content .content-message,
.default-popup .modal-content-area .content-message,
.default-popup #modal-content .content-message {
  padding: 30px 0;
}
.nyroModalLink .modal-footer-area,
.nyroModalLink #modal-footer,
.nyroModalDom .modal-footer-area,
.nyroModalDom #modal-footer,
.default-popup .modal-footer-area,
.default-popup #modal-footer {
  padding: 16px 16px 16px;
  text-align: center;
  border: none;
  border-top: 1px solid #d8d8d8;
}
@media only screen and (min-width: 768px) {
  .nyroModalLink .modal-footer-area,
  .nyroModalLink #modal-footer,
  .nyroModalDom .modal-footer-area,
  .nyroModalDom #modal-footer,
  .default-popup .modal-footer-area,
  .default-popup #modal-footer {
    padding: 16px 30px 6px;
  }
}
.nyroModalLink .modal-footer-area .btn-holder,
.nyroModalLink #modal-footer .btn-holder,
.nyroModalDom .modal-footer-area .btn-holder,
.nyroModalDom #modal-footer .btn-holder,
.default-popup .modal-footer-area .btn-holder,
.default-popup #modal-footer .btn-holder {
  margin: 0 -8px;
}
.nyroModalLink .modal-footer-area .button,
.nyroModalLink .modal-footer-area .close-button,
.nyroModalLink #modal-footer .button,
.nyroModalLink #modal-footer .close-button,
.nyroModalDom .modal-footer-area .button,
.nyroModalDom .modal-footer-area .close-button,
.nyroModalDom #modal-footer .button,
.nyroModalDom #modal-footer .close-button,
.default-popup .modal-footer-area .button,
.default-popup .modal-footer-area .close-button,
.default-popup #modal-footer .button,
.default-popup #modal-footer .close-button {
  float: none;
  margin: 0 8px 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  min-width: 160px;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .nyroModalLink .modal-footer-area .button:last-child,
  .nyroModalLink .modal-footer-area .close-button:last-child,
  .nyroModalLink #modal-footer .button:last-child,
  .nyroModalLink #modal-footer .close-button:last-child,
  .nyroModalDom .modal-footer-area .button:last-child,
  .nyroModalDom .modal-footer-area .close-button:last-child,
  .nyroModalDom #modal-footer .button:last-child,
  .nyroModalDom #modal-footer .close-button:last-child,
  .default-popup .modal-footer-area .button:last-child,
  .default-popup .modal-footer-area .close-button:last-child,
  .default-popup #modal-footer .button:last-child,
  .default-popup #modal-footer .close-button:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .nyroModalLink .modal-footer-area .button,
  .nyroModalLink .modal-footer-area .close-button,
  .nyroModalLink #modal-footer .button,
  .nyroModalLink #modal-footer .close-button,
  .nyroModalDom .modal-footer-area .button,
  .nyroModalDom .modal-footer-area .close-button,
  .nyroModalDom #modal-footer .button,
  .nyroModalDom #modal-footer .close-button,
  .default-popup .modal-footer-area .button,
  .default-popup .modal-footer-area .close-button,
  .default-popup #modal-footer .button,
  .default-popup #modal-footer .close-button {
    min-width: 215px;
  }
}

.reviews-popup#modal-body .ratings-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media only screen and (min-width: 768px) {
  .reviews-popup#modal-body .ratings-list ul {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0 0 15px;
  }
}
.reviews-popup#modal-body .ratings-list ul li {
  position: relative;
  width: 100%;
  margin: 0 0 10px;
}
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"],
.reviews-popup#modal-body .ratings-list ul li [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"]:disabled + label,
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"]:disabled + .label,
.reviews-popup#modal-body .ratings-list ul li [type="radio"]:disabled + label,
.reviews-popup#modal-body .ratings-list ul li [type="radio"]:disabled + .label {
  pointer-events: none;
}
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"]:disabled + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"]:disabled + .label:before,
.reviews-popup#modal-body .ratings-list ul li [type="radio"]:disabled + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"] + label,
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"] + .label,
.reviews-popup#modal-body .ratings-list ul li [type="radio"] + label,
.reviews-popup#modal-body .ratings-list ul li [type="radio"] + .label {
  margin-left: 28px;
}
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"] + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"] + .label:before,
.reviews-popup#modal-body .ratings-list ul li [type="radio"] + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"]:checked + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"] + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.reviews-popup#modal-body .ratings-list ul li [type="radio"]:checked + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.reviews-popup#modal-body .ratings-list ul li [type="radio"] + label:before,
.reviews-popup#modal-body .ratings-list ul li [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 768px) {
  .reviews-popup#modal-body .ratings-list ul li {
    width: 20%;
    margin: 0;
    padding: 0 8px;
    text-align: center;
  }
  .reviews-popup#modal-body .ratings-list ul li [type="radio"] + label {
    margin: 0 0 30px;
  }
  .reviews-popup#modal-body .ratings-list ul li [type="radio"] + label:before {
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .reviews-popup#modal-body .ratings-list ul li.rating-1 {
    order: 5;
  }
}
.reviews-popup#modal-body .ratings-list ul li.rating-1 .rating {
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .reviews-popup#modal-body .ratings-list ul li.rating-2 {
    order: 4;
  }
}
.reviews-popup#modal-body .ratings-list ul li.rating-2 .rating {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .reviews-popup#modal-body .ratings-list ul li.rating-3 {
    order: 3;
  }
}
.reviews-popup#modal-body .ratings-list ul li.rating-3 .rating {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .reviews-popup#modal-body .ratings-list ul li.rating-4 {
    order: 2;
  }
}
.reviews-popup#modal-body .ratings-list ul li.rating-4 .rating {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .reviews-popup#modal-body .ratings-list ul li.rating-5 {
    order: 1;
  }
}
.reviews-popup#modal-body .ratings-list ul li.rating-5 .rating {
  width: 100%;
}
.reviews-popup#modal-body .ratings-list ul label {
  margin-top: 3px;
}
.reviews-popup#modal-body .form-list {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .reviews-popup#modal-body .form-list li.fields {
    margin-left: -8px;
    margin-right: -8px;
  }
  .reviews-popup#modal-body .form-list li.fields:after {
    content: '';
    display: table;
    clear: both;
  }
  .reviews-popup#modal-body .form-list li .field {
    width: 50%;
    float: left;
    padding: 0 8px;
    margin: 0;
  }
}

.subscription-popup .subscription-order-options > li {
  margin: 0 0 15px;
}
.subscription-popup .subscription-order-options > li:last-child .option-content,
.subscription-popup .subscription-order-options > li:last-child .subscription-add-existing {
  border-bottom: none;
}
.subscription-popup .subscription-order-options .option-content,
.subscription-popup .subscription-order-options .subscription-add-existing {
  margin: 0 0 0 28px;
  padding: 0 0 15px;
  border-bottom: 1px solid #d8d8d8;
}
.subscription-popup .subscription-title {
  margin: 0 0 10px;
}
.subscription-popup .subscription-items-table {
  width: 100%;
  margin: 15px 0 0;
  border-bottom: 1px solid #d8d8d8;
}
.subscription-popup .subscription-items-table th {
  color: #b2b2b2;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 3px 4px;
}
.subscription-popup .subscription-items-table td {
  padding: 2px 3px 4px;
}
.subscription-popup .subscription-items-table th,
.subscription-popup .subscription-items-table td {
  font-size: 12px;
}
.subscription-popup .subscription-items-table th:first-child,
.subscription-popup .subscription-items-table td:first-child {
  padding-left: 0;
}
.subscription-popup .subscription-items-table th:last-child,
.subscription-popup .subscription-items-table td:last-child {
  padding-right: 0;
}
.subscription-popup .subscription-items-table th.col-sb-qty,
.subscription-popup .subscription-items-table td.col-sb-qty {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .subscription-popup .subscription-items-table thead {
    display: none;
  }
  .subscription-popup .subscription-items-table tbody,
  .subscription-popup .subscription-items-table tr,
  .subscription-popup .subscription-items-table td {
    display: block;
  }
  .subscription-popup .subscription-items-table tr {
    border-top: 1px solid #d8d8d8;
    padding: 10px 0;
  }
  .subscription-popup .subscription-items-table td {
    border: none;
    padding: 0;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #191919;
    text-align: left !important;
  }
  .subscription-popup .subscription-items-table td:last-child {
    margin-bottom: 0;
  }
  .subscription-popup .subscription-items-table td[data-rwd-label] {
    padding-left: 150px;
    overflow: hidden;
  }
  .subscription-popup .subscription-items-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    padding-right: 5px;
    color: #b2b2b2;
    width: 145px;
    margin: 0 0 0 -150px;
    float: left;
  }
}
.subscription-popup .subscription-note {
  text-transform: none;
  font-weight: 500;
  margin: 0;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.subscription-popup .subscription-order-item-inner {
  position: relative;
}
.subscription-popup .subscription-order-item-inner [type="checkbox"],
.subscription-popup .subscription-order-item-inner [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.subscription-popup .subscription-order-item-inner [type="checkbox"]:disabled + label,
.subscription-popup .subscription-order-item-inner [type="checkbox"]:disabled + .label,
.subscription-popup .subscription-order-item-inner [type="radio"]:disabled + label,
.subscription-popup .subscription-order-item-inner [type="radio"]:disabled + .label {
  pointer-events: none;
}
.subscription-popup .subscription-order-item-inner [type="checkbox"]:disabled + label:before,
.subscription-popup .subscription-order-item-inner [type="checkbox"]:disabled + .label:before,
.subscription-popup .subscription-order-item-inner [type="radio"]:disabled + label:before,
.subscription-popup .subscription-order-item-inner [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.subscription-popup .subscription-order-item-inner [type="checkbox"] + label,
.subscription-popup .subscription-order-item-inner [type="checkbox"] + .label,
.subscription-popup .subscription-order-item-inner [type="radio"] + label,
.subscription-popup .subscription-order-item-inner [type="radio"] + .label {
  margin-left: 28px;
}
.subscription-popup .subscription-order-item-inner [type="checkbox"] + label:before,
.subscription-popup .subscription-order-item-inner [type="checkbox"] + .label:before,
.subscription-popup .subscription-order-item-inner [type="radio"] + label:before,
.subscription-popup .subscription-order-item-inner [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.subscription-popup .subscription-order-item-inner [type="checkbox"]:checked + label:before,
.subscription-popup .subscription-order-item-inner [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.subscription-popup .subscription-order-item-inner [type="checkbox"] + label:before,
.subscription-popup .subscription-order-item-inner [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.subscription-popup .subscription-order-item-inner [type="radio"]:checked + label:before,
.subscription-popup .subscription-order-item-inner [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.subscription-popup .subscription-order-item-inner [type="radio"] + label:before,
.subscription-popup .subscription-order-item-inner [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.subscription-popup .subscription-order-item-inner > label {
  font-weight: 500;
  letter-spacing: 0.01em;
  font-size: 16px;
  margin-bottom: 10px;
}
.subscription-popup .subscription-order-item-inner > label span {
  font-size: 14px;
  color: #595959;
  font-weight: normal;
}
.subscription-popup .subscription-fields select {
  padding-right: 25px;
}
.subscription-popup .subscription-actions {
  text-align: center;
}
.subscription-popup .subscription-actions .button {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 10px;
}
.subscription-popup .subscription-field-name,
.subscription-popup .subscription-field-frequency {
  margin: 0 0 10px;
}
.subscription-popup .subscription-period-custom {
  padding: 15px 0 0;
}
.subscription-popup .subscription-period-custom .qty {
  height: 30px;
  width: 50px;
}
.subscription-popup .subscription-actions {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .subscription-popup .subscription-fields.two-columns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .subscription-popup .subscription-fields.two-columns-list > div {
    width: calc(50% - 16px);
  }
}
.subscription-popup .subscription-fields > div {
  margin: 0 0 20px;
}
.subscription-popup .subscription-fields .title {
  display: block;
  color: #191919;
  text-transform: uppercase;
  font-weight: 500;
}
.subscription-popup .subscription-fields label {
  margin-bottom: 3px;
}
.subscription-popup #address-edit,
.subscription-popup #address-qas {
  margin: 0 0 16px;
}
.subscription-popup .bottom-links {
  padding-top: 16px;
  border-top: 1px solid #d8d8d8;
}
.subscription-popup .subscription-address .address-view-fields {
  border: none;
  padding-top: 0;
}
.subscription-popup .bottom-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.subscription-popup .bottom-links .action-secondary-update {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  margin: 0 0 10px;
}
.subscription-popup .bottom-links .action-secondary-update:hover {
  background: #8b6f4e;
  color: #fff;
}
.subscription-popup .links-note {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px;
  font-size: 12px;
}
.subscription-popup .subscription-period-select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.subscription-popup .subscription-period-select-container strong {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
.subscription-popup .subscription-period-select-container select {
  width: 150px;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .subscription-popup .subscription-period-select-container select {
    width: 110px;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-popup .form-list .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.subscription-popup .form-list .field {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .subscription-popup .form-list .field-firstname,
  .subscription-popup .form-list .field-lastname,
  .subscription-popup .form-list .field-state,
  .subscription-popup .form-list .field-zip {
    width: calc(50% - 16px);
  }
}
.subscription-popup .subscription-pause {
  text-align: center;
}
.subscription-popup .subscription-pause .subscription-fields:not(:first-child) {
  padding: 16px 0 0;
  border-top: 1px solid #d8d8d8;
}
.subscription-popup .subscription-pause .or {
  font-size: 20px;
  margin: 0 0 20px;
}
.subscription-popup .subscription-field-pause-date .fields-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px 0 5px;
}
.subscription-popup .subscription-field-pause-date .fields-row label {
  font-size: 14px;
  margin: 0 16px 0 0;
}
.subscription-popup .subscription-field-pause-date .fields-row .input-text {
  width: 150px;
  height: 32px;
}
.subscription-popup .subscription-field-pause-date .fields-row .actions {
  margin: 0 0 0 16px;
}
.subscription-popup .subscription-field-pause-date .restart {
  font-size: 12px;
  margin: 0 0 20px;
}
.subscription-popup .btn-pause {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 120px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: transparent;
  color: #8b6f4e;
  transition: background 0.3s linear, color 0.3s linear, border-color 0.3s linear;
  height: 32px;
  border-radius: 16px;
  line-height: 30px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}
.subscription-popup .btn-pause:hover {
  background: #8b6f4e;
  color: #fff;
}
.subscription-popup .subscription-field-cancel strong {
  font-weight: 500;
}
.subscription-popup .subscription-just-cancel {
  padding: 10px 0 0;
}

/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
    max-width: 100px;
  }
}

.widget {
  clear: both;
}

.widget .pager {
  float: none;
  width: 100%;
}

@media only screen and (min-width: 1199px) {
  .col2-left-layout .col-main .widget,
  .col2-right-layout .col-main .widget,
  .col3-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.15517%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.15517%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.38362%;
    margin-right: 2.15517%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.15517%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.15517%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.27586%;
    margin-right: 2.15517%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 767px) {
  .col1-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.15517%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.15517%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.38362%;
    margin-right: 2.15517%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.15517%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.15517%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.27586%;
    margin-right: 2.15517%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
/* var only for this page*/
/* layout */
.cms-two-column {
  overflow: hidden;
}
.cms-two-column .cms-left {
  font-size: 16px;
  margin: 0 0 40px;
}
.cms-two-column .block-container {
  line-height: 24px;
}
.cms-two-column .sub-title {
  color: #8b6f4e;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 23px;
}
@media only screen and (min-width: 768px) {
  .cms-two-column .sub-title {
    margin-top: 7px;
    margin-bottom: 17px;
  }
}
@media only screen and (min-width: 768px) {
  .cms-two-column .cms-left {
    width: 47%;
    float: left;
    margin: 0;
  }
  .cms-two-column .cms-right {
    width: 47%;
    float: right;
  }
}

.cms-contact-us .page {
  /* background: #fff url("../images/bg-type-1.png") repeat 50% 0;*/
  background: #F3F3F3;
}
.cms-contact-us .col-main {
  margin: 0;
}
.cms-contact-us .col1-layout .col-main,
.cms-contact-us .col2-left-layout .col-main {
  width: 100%;
  float: none;
  padding-top: 14px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .cms-contact-us .col1-layout .col-main,
  .cms-contact-us .col2-left-layout .col-main {
    padding-top: 64px;
    padding-bottom: 60px;
  }
}
.cms-contact-us .static-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  display: block;
  margin-bottom: 26px;
}
@media only screen and (min-width: 768px) {
  .cms-contact-us .static-title {
    margin-bottom: 48px;
    font-size: 36px;
    line-height: 48px;
  }
}
.cms-contact-us .call-block {
  width: 100%;
  overflow: hidden;
  padding: 0 0 0 35px;
  margin-top: 12px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .cms-contact-us .call-block {
    margin-top: 27px;
  }
}
.cms-contact-us .call-block span {
  display: block;
}
.cms-contact-us .call-block:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
  color: #8b6f4e;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.cms-contact-us .livechat-section {
  padding: 0 0 0 35px;
  margin: 12px 0 38px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .cms-contact-us .livechat-section {
    margin-bottom: 23px;
  }
}
.cms-contact-us .livechat-section:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
  color: #8b6f4e;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.cms-contact-us .form-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  letter-spacing: 0.07em;
  padding-bottom: 18px;
  margin-bottom: 34px;
  border-bottom: 1px solid #ececec;
}
@media only screen and (min-width: 768px) {
  .cms-contact-us .form-title {
    margin-bottom: 25px;
  }
}
.cms-contact-us .form-title:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
  color: #8b6f4e;
  font-size: 16px;
  margin: 0 7px 0 0;
  display: inline-block;
  vertical-align: top;
}
.cms-contact-us .form-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cms-contact-us .form-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cms-contact-us .form-list li.wide {
  margin-bottom: 16px;
}
.cms-contact-us .form-list textarea {
  min-height: 120px;
}
.cms-contact-us .form-list .wide {
  margin-bottom: 18px;
}
.cms-contact-us .form-list .wide:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
.cms-contact-us .form-list .wide .field {
  width: 50%;
  box-sizing: border-box;
  padding: 0 0 0 5px;
  float: left;
  margin: 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .cms-contact-us .form-list .wide .field {
    margin: 0;
  }
}
.cms-contact-us .form-list .wide .field:first-child {
  padding: 0 5px 0 0;
}
@media only screen and (max-width: 767px) {
  .cms-contact-us .form-list .wide .field {
    width: 100%;
    padding: 0;
    float: left;
  }
  .cms-contact-us .form-list .wide .field:first-child {
    padding: 0;
  }
  .cms-contact-us .form-list .wide .field:last-child {
    margin-bottom: 0;
  }
}
.cms-contact-us .extra-row {
  overflow: hidden;
  width: 100%;
}
.cms-contact-us .extra-row label {
  float: left;
  margin-right: 10px;
}
.cms-contact-us .counter-box {
  float: left;
  font-size: 11px;
  color: #9c9c9c;
}
.cms-contact-us .btn-dark {
  border: 1px solid #8b6f4e;
  text-align: center;
  min-width: 180px;
  font-family: "Gotham SSm A", "Gotham SSm B", "Gotham SSm", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
  background: #8b6f4e;
  color: #fff;
  transition: background 0.3s linear;
  height: 45px;
  border-radius: 22.5px;
  line-height: 43px;
  text-transform: uppercase;
}
.cms-contact-us .btn-dark:hover {
  background: #7b6245;
  color: #fff;
}
@media only screen and (max-width: 599px) {
  .cms-contact-us .btn-dark {
    width: 100%;
  }
}
.cms-contact-us .buttons-set {
  padding-top: 6px;
  border: 0;
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .cms-contact-us .buttons-set {
    padding-top: 12px;
  }
}
.cms-contact-us p {
  margin: 0;
}

.form-frame {
  background: #fff;
  padding: 30px 23px 36px;
}
@media only screen and (min-width: 768px) {
  .form-frame {
    padding: 37px 30px 26px;
  }
}

.learn-section {
  padding: 39px 16px 10px;
}
@media only screen and (min-width: 768px) {
  .learn-section {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .learn-section {
    padding-top: 87px;
    padding-bottom: 74px;
  }
}

.grid-container-section {
  margin: 0 0 59px;
}
@media only screen and (min-width: 768px) {
  .grid-container-section {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid-container-section {
    margin-bottom: 61px;
  }
}
.grid-container-section:last-child {
  margin-bottom: 0;
}
.grid-container-section .grid-heading-panel {
  border-bottom: 1px solid #d8d8d8;
  padding: 0 20px 21px 0;
  margin: 0 0 27px;
}
@media only screen and (min-width: 1024px) {
  .grid-container-section .grid-heading-panel {
    margin-bottom: 45px;
  }
}
.grid-container-section h2 {
  text-transform: none;
  margin: 0;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (min-width: 768px) {
  .grid-container-section .grid-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.grid-container-section .grid-item {
  margin: 0 0 38px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .grid-container-section .grid-item {
    width: calc(50% - 15px);
  }
}
@media only screen and (min-width: 768px) {
  .grid-container-section .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.grid-container-section .image-box {
  margin: 0 0 30px;
}
@media only screen and (min-width: 1024px) {
  .grid-container-section .image-box {
    margin-bottom: 50px;
  }
}
.grid-container-section h3 {
  text-transform: none;
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 22px;
}

.main .brew-list-section {
  list-style: none;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .main .brew-list-section {
    margin: 0 -16px -60px;
  }
}
.main .brew-list-section > li {
  margin: 0 0 60px;
}
@media only screen and (max-width: 767px) {
  .main .brew-list-section > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .main .brew-list-section > li {
    width: 50%;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 980px) {
  .main .brew-list-section > li {
    width: 25%;
  }
}
.main .events-list {
  margin: 0;
  list-style: none;
}
.main .events-list > li {
  margin: 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .main .events-list > li {
    margin-bottom: 23px;
  }
}
.main .visual-grid {
  margin: 0 0 -17px;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 600px) {
  .main .visual-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -15px;
  }
}
.main .visual-grid.multimedia-visual-grid {
  padding-top: 27px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .main .visual-grid.multimedia-visual-grid {
    margin-bottom: -50px;
  }
}
@media only screen and (min-width: 1024px) {
  .main .visual-grid.multimedia-visual-grid {
    padding-top: 63px;
    margin-bottom: -70px;
  }
}
.main .visual-grid.multimedia-visual-grid > li {
  margin-bottom: 72px;
}
@media only screen and (min-width: 1024px) {
  .main .visual-grid.multimedia-visual-grid > li {
    margin-bottom: 108px;
  }
}
.main .visual-grid > li {
  margin: 0 0 17px;
}
@media only screen and (min-width: 600px) {
  .main .visual-grid > li {
    margin: 0 15px 30px;
    width: calc(50% - 30px);
  }
}
@media only screen and (min-width: 768px) {
  .main .visual-grid > li {
    width: calc(33.333% - 30px);
  }
}
.main .people-list,
.main .media-list-circles {
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .main .people-list,
  .main .media-list-circles {
    margin: 0 -16px;
  }
}
.main .people-list > li,
.main .media-list-circles > li {
  margin: 0 0 70px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .main .people-list > li:last-child,
  .main .media-list-circles > li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .main .people-list > li,
  .main .media-list-circles > li {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .main .people-list > li,
  .main .media-list-circles > li {
    margin-bottom: 86px;
  }
}
@media only screen and (min-width: 768px) {
  .main .media-list-circles {
    margin: 0 0 -66px;
  }
  .main .media-list-circles > li {
    margin-left: 0;
    margin-right: 0;
  }
}

.brew-list-section {
  padding: 18px 0 0;
}
@media only screen and (min-width: 768px) {
  .brew-list-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 1024px) {
  .brew-list-section {
    padding-bottom: 31px;
    padding-top: 75px;
  }
}
.brew-list-section .image-holder {
  margin: 0 auto 32px;
  height: 200px;
  width: 220px;
}
@media only screen and (min-width: 1024px) {
  .brew-list-section .image-holder {
    height: 280px;
    width: auto;
  }
}
.brew-list-section .image-holder > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.brew-list-section .image-holder img {
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 1023px) {
  .brew-list-section .image-holder img {
    max-width: 80%;
  }
}
.brew-list-section h3 {
  text-transform: none;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 19px;
}
@media only screen and (min-width: 980px) {
  .brew-list-section h3 {
    min-height: 44px;
  }
}
@media only screen and (min-width: 980px) {
  .brew-list-section h3 {
    font-size: 18px;
    line-height: 24px;
    min-height: 48px;
    margin-bottom: 26px;
  }
  .brew-list-section h3 .row {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .steps-section {
    background: #F3F3F3;
  }
}
@media only screen and (min-width: 768px) {
  .steps-section {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .steps-section {
    padding-top: 99px;
    padding-bottom: 133px;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section.biography-section {
    background: none;
    padding: 50px 31px;
  }
}
@media only screen and (min-width: 1024px) {
  .steps-section.biography-section {
    padding: 93px 0;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section.biography-section .content-box {
    min-height: 0;
    padding: 0;
    margin: 0 0 20px;
  }
}
.steps-section.biography-section .step-sub-heading {
  margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .steps-section.biography-section .description {
    line-height: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .steps-section.biography-section .description {
    max-width: 470px;
  }
}
.steps-section.biography-section h3 {
  line-height: 48px;
  margin: 0 20px 12px 0;
}
@media only screen and (min-width: 768px) {
  .steps-section .step-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 0 60px;
  }
  .steps-section .step-block:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .steps-section .step-block {
    margin-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) {
  .steps-section .step-block:nth-child(2n) {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .steps-section .step-block:nth-child(2n) .content-box {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .steps-section .step-block:nth-child(2n) .content-box {
    padding-left: 98px;
  }
}
@media only screen and (min-width: 768px) {
  .steps-section .image-box {
    width: calc(50% - 14px);
  }
}
.steps-section .image-box img {
  width: 100%;
  max-width: 100%;
}
.steps-section .content-box {
  color: #595959;
  padding: 54px 31px 46px;
  min-height: 420px;
}
@media only screen and (min-width: 768px) {
  .steps-section .content-box {
    width: 50%;
    min-height: 0;
    padding: 0 30px 15px 0;
  }
}
.steps-section .step-sub-heading {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.17em;
  color: #8b6f4e;
  margin: 0 0 12px;
}
@media only screen and (min-width: 1024px) {
  .steps-section .step-sub-heading {
    margin-bottom: 18px;
  }
}
.steps-section h3 {
  margin: 0 0 7px;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.13em;
  font-weight: 500;
}
@media only screen and (min-width: 1024px) {
  .steps-section h3 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .steps-section .description {
    max-width: 90%;
  }
}
@media only screen and (min-width: 980px) {
  .steps-section .description {
    max-width: 350px;
  }
}
.steps-section .btn-box {
  margin: 48px 0 0;
}
@media only screen and (min-width: 768px) {
  .steps-section .btn-box {
    margin-top: 33px;
  }
}
.steps-section .button {
  min-width: 245px;
}
@media only screen and (max-width: 374px) {
  .steps-section .button {
    padding: 0 9px;
  }
}
@media only screen and (min-width: 768px) {
  .steps-section .button {
    min-width: 210px;
  }
}
@media only screen and (min-width: 1024px) {
  .steps-section .button {
    padding: 0 25px;
  }
}

.two-columns-container,
.event-container {
  color: #595959;
}
.two-columns-container h2,
.event-container h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 38px;
}
.two-columns-container .content-heading,
.event-container .content-heading {
  margin: 56px 0 23px;
  padding: 0 4px 20px;
  border-bottom: 1px solid #e6e6e6;
}
.two-columns-container .content-heading:first-child,
.event-container .content-heading:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 980px) {
  .two-columns-container .content-heading,
  .event-container .content-heading {
    margin-bottom: 28px;
  }
}
.two-columns-container .content-heading h2,
.event-container .content-heading h2 {
  margin: 0;
}
.two-columns-container .events-list h3,
.two-columns-container .heading-line h3,
.event-container .events-list h3,
.event-container .heading-line h3 {
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 19px;
  text-transform: none;
}
@media only screen and (min-width: 980px) {
  .two-columns-container .events-list h3,
  .two-columns-container .heading-line h3,
  .event-container .events-list h3,
  .event-container .heading-line h3 {
    font-size: 18px;
    line-height: 22px;
  }
}
.two-columns-container .events-list .date,
.two-columns-container .heading-line .date,
.event-container .events-list .date,
.event-container .heading-line .date {
  display: block;
  color: #b2b2b2;
}

.two-columns-container {
  padding: 41px 16px 63px;
}
@media only screen and (min-width: 768px) {
  .two-columns-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 980px) {
  .two-columns-container {
    padding-bottom: 77px;
  }
}
.two-columns-container .content-column {
  margin: 0 0 42px;
}
@media only screen and (min-width: 768px) {
  .two-columns-container .content-column {
    margin: 0;
    flex-grow: 1;
  }
}
@media only screen and (min-width: 768px) {
  .two-columns-container .sidebar-column {
    margin: 0 0 0 30px;
    flex-shrink: 0;
    width: 300px;
  }
}
@media only screen and (min-width: 1024px) {
  .two-columns-container .sidebar-column {
    margin-left: 64px;
    width: 358px;
  }
}
.two-columns-container .sidebar-box {
  padding: 0 4px;
  margin: 0 0 41px;
}
@media only screen and (min-width: 980px) {
  .two-columns-container .sidebar-box {
    margin-bottom: 53px;
  }
}
.two-columns-container .sidebar-box:last-child {
  margin-bottom: 0;
}
.two-columns-container .sidebar-box h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.07em;
  margin: 0 0 19px;
}
.two-columns-container .articles-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.two-columns-container .articles-list > li {
  margin: 0 0 24px;
  padding: 22px 0 0;
  border-top: 1px solid #e6e6e6;
}
.two-columns-container .articles-list > li:first-child {
  border: none;
  padding-top: 0;
}
.two-columns-container .articles-list .title-summary {
  display: block;
  font-weight: normal;
}
.two-columns-container .articles-list .read-all {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #595959;
  letter-spacing: 0;
  text-transform: none;
  padding: 0 0 4px;
}
@media only screen and (min-width: 768px) {
  .two-columns-container .articles-list .read-all {
    padding-bottom: 0;
  }
}
.two-columns-container .contacts-list {
  margin: 0 0 33px;
  padding: 0;
  list-style: none;
}
.two-columns-container .contacts-list > li {
  margin: 0 0 21px;
}
.two-columns-container .contacts-list .name {
  display: block;
  font-weight: normal;
}
.two-columns-container .contacts-list .position {
  display: block;
}
.two-columns-container .contacts-list .fact {
  display: block;
}
.two-columns-container .contacts-list .phone a {
  color: #595959;
  text-decoration: none;
}
.two-columns-container .mail-link {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #595959;
  letter-spacing: 0;
  text-transform: none;
  padding: 0 0 1px;
  margin: 0 0 -1px;
}
.two-columns-container .btn-container {
  padding: 0 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .two-columns-container .btn-container {
    padding-left: 2px;
  }
}
.two-columns-container .btn-contact {
  min-width: 270px;
}

.event-container {
  padding: 0 16px 22px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .event-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.event-container:first-child {
  padding-top: 69px;
}
.event-container .event-holder {
  margin-bottom: 88px;
}
@media only screen and (min-width: 768px) {
  .event-container .event-holder {
    margin-bottom: 35px;
  }
}
.event-container .event-holder:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .event-container .event-holder.section-holder {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .event-container .event-holder.section-holder {
    padding-top: 66px;
  }
}
.event-container .content-heading + .event-block {
  border: none;
  padding-top: 0;
}
.event-container .event-block {
  padding: 30px 0 0;
  margin: 0 0 40px;
  border-top: 1px solid #e6e6e6;
}
@media only screen and (min-width: 768px) {
  .event-container .event-block {
    margin-bottom: 25px;
    padding-top: 27px;
  }
}
.event-container .event-block:last-child {
  margin-bottom: 0;
}
.event-container .heading-line {
  margin: 0 0 38px;
  padding: 4px 3px 0;
}
@media only screen and (min-width: 768px) {
  .event-container .heading-line {
    padding-left: 10px;
  }
}

.events-list.news-list > li {
  position: relative;
  padding-left: 64px;
  padding-right: 0;
}
@media only screen and (min-width: 980px) {
  .events-list.news-list > li {
    padding-left: 60px;
  }
}
.events-list.news-list > li > a {
  text-decoration: none;
}
.events-list.news-list > li > a:hover h3 {
  color: #8b6f4e;
}
.events-list.news-list > li > a:before {
  content: url("../images/icon-pdf.png");
  position: absolute;
  top: 0;
  left: 12px;
}
.events-list > li {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 30px 22px 4px;
}
@media only screen and (min-width: 768px) {
  .events-list > li {
    padding: 0 30px 27px 10px;
  }
}

.people-list,
.media-list-circles {
  color: #595959;
  padding: 38px 0 0;
}
@media only screen and (min-width: 768px) {
  .people-list,
  .media-list-circles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.people-list > li,
.media-list-circles > li {
  text-align: center;
}
.people-list .photo,
.media-list-circles .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 27px;
  background: #f2f2f2;
  width: 320px;
  height: 320px;
}
.people-list .photo img,
.media-list-circles .photo img {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .multimedia-visual-grid .holder,
  .people-list .holder,
  .media-list-circles .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 100%;
  }
}
.multimedia-visual-grid .top-section,
.people-list .top-section,
.media-list-circles .top-section {
  margin: 0 0 25px;
}
.multimedia-visual-grid .header-area,
.people-list .header-area,
.media-list-circles .header-area {
  font-size: 14px;
  line-height: 24px;
  color: #191919;
}
.multimedia-visual-grid .header-area + .description,
.people-list .header-area + .description,
.media-list-circles .header-area + .description {
  margin-top: 26px;
}
.multimedia-visual-grid .name,
.multimedia-visual-grid .media-title,
.people-list .name,
.people-list .media-title,
.media-list-circles .name,
.media-list-circles .media-title {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
.multimedia-visual-grid .position,
.people-list .position,
.media-list-circles .position {
  display: block;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .multimedia-visual-grid .description,
  .people-list .description,
  .media-list-circles .description {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1024px) {
  .multimedia-visual-grid .description,
  .people-list .description,
  .media-list-circles .description {
    max-width: 340px;
  }
}
.multimedia-visual-grid .buttons .button,
.people-list .buttons .button,
.media-list-circles .buttons .button {
  min-width: 215px;
  font-size: 12px;
  font-weight: 500;
}
.multimedia-visual-grid .link,
.people-list .link,
.media-list-circles .link {
  margin: 20px 0 0;
}
.multimedia-visual-grid .link a,
.people-list .link a,
.media-list-circles .link a {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #595959;
  padding: 0 0 6px;
  position: relative;
  text-decoration: none;
}
.multimedia-visual-grid .link a:hover,
.people-list .link a:hover,
.media-list-circles .link a:hover {
  color: #8b6f4e;
}
.multimedia-visual-grid .link a:hover:after,
.people-list .link a:hover:after,
.media-list-circles .link a:hover:after {
  content: '';
  display: none;
}
.multimedia-visual-grid .link a:after,
.people-list .link a:after,
.media-list-circles .link a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #b2b2b2;
}
.multimedia-visual-grid + .btn-holder,
.people-list + .btn-holder,
.media-list-circles + .btn-holder {
  text-align: center;
  padding: 21px 16px 58px;
}
@media only screen and (min-width: 980px) {
  .multimedia-visual-grid + .btn-holder,
  .people-list + .btn-holder,
  .media-list-circles + .btn-holder {
    padding: 5px 16px 72px;
  }
}
.multimedia-visual-grid + .btn-holder .button,
.people-list + .btn-holder .button,
.media-list-circles + .btn-holder .button {
  min-width: 270px;
}

.people-list.centered-align {
  padding-top: 27px;
}
@media only screen and (max-width: 767px) {
  .people-list.centered-align {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .people-list.centered-align {
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 19px;
  }
  .people-list.centered-align > li {
    margin-bottom: 63px;
  }
}
@media only screen and (min-width: 768px) {
  .people-list > li {
    width: calc(50% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .people-list > li {
    width: calc(33.333% - 32px);
  }
}
@media only screen and (max-width: 767px) {
  .people-list .top-section {
    margin-bottom: 47px;
  }
}

@media only screen and (min-width: 768px) {
  .media-list-circles {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .media-list-circles > li {
    width: 320px;
  }
}

.multimedia-visual-grid > li {
  text-align: center;
}
.multimedia-visual-grid .event-image {
  margin: 0 0 35px;
}
@media only screen and (min-width: 1024px) {
  .multimedia-visual-grid .event-image {
    margin-bottom: 66px;
  }
}
.multimedia-visual-grid .event-image img {
  width: 100%;
  height: auto;
}

.view-link-holder {
  padding: 13px 0 0 15px;
}
@media only screen and (min-width: 768px) {
  .view-link-holder {
    padding: 16px 0 0 6px;
  }
}
.view-link-holder .view-all-link {
  margin-right: 33px;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #b2b2b2;
}
.view-link-holder .view-all-link:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: -33px;
  text-align: right;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 10px;
  width: 33px;
  content: "\e902";
  line-height: 1;
  margin-bottom: 2px;
}
.view-link-holder .view-all-link:hover {
  color: #191919;
}

@media only screen and (max-width: 767px) {
  .multimedia-landing .sticky-container {
    display: none;
  }
}

.cms-no-route {
    /*
    .main{
        max-width: $max-container-width;
        margin: 0 auto;
        padding: $trim-small;
    }
    .main-container {
        background: url("../images/404.png") no-repeat 100% 104%;
        position: relative;
        max-width: none;
        padding: 57px 0 20px;

        .col-main {
            float: none;
            padding: 0;
            width: 100%;
            margin: 0;
        }

        &:after {
            @include clearfix;
        }
    }

    @include bp(max-width, 480px) {

        .main-container {
            padding: 33px 0 40px;
            background-position: 100% 100%;
            background-size: contain;
        }
        .main{
            padding: 0 $trim;
        }
    }
    */
}
.cms-no-route .top-banner .image-holder {
  min-height: 420px;
}
.cms-no-route .top-banner .desktop-row {
  display: block;
}

.no-route-wrapp {
  min-height: 440px;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  color: #595959;
}
@media only screen and (min-width: 768px) {
  .no-route-wrapp {
    min-height: 378px;
  }
}
.no-route-wrapp .desktop-row {
  display: block;
}
.no-route-wrapp .btn-holder {
  padding: 47px 0 0;
}
@media only screen and (min-width: 768px) {
  .no-route-wrapp .btn-holder {
    padding-top: 44px;
  }
}
.no-route-wrapp .button {
  min-width: 260px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.no-route-wrapp .page-title {
  margin-bottom: 32px;
}
.no-route-wrapp .page-title h1 {
  position: relative;
  text-align: center;
  padding-bottom: 39px;
  line-height: 42px;
  padding-bottom: 34px;
  margin: 0;
  color: #191919;
}
.no-route-wrapp .page-title h1:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #8b6f4e;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .no-route-wrapp .page-title h1 {
    padding-bottom: 48px;
  }
}
.no-route-wrapp .page-title h1:before {
  bottom: 0;
}
@media only screen and (max-width: 480px) {
  .no-route-wrapp .page-title:after {
    margin: 10px 0;
  }
  .no-route-wrapp .desktop-row {
    display: inline;
    margin-bottom: 0;
  }
}

/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 8px 1% 6px;
  background: #F4F4F4;
  text-transform: uppercase;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 10px;
  font-family: "Gotham A", "Gotham B", "Gotham", "Helvetica Neue", Verdana, Arial, sans-serif;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
  background-color: #DDDDDD;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
  border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
  border: 0 none;
  float: left;
  margin-top: 2px;
  margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
  float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
  text-transform: none;
  font-size: 17px;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
  float: left;
  width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
  width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
  width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
  float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
  float: right;
  text-align: right;
}

.checkout-multishipping-addresses .btn-remove2 {
  text-indent: -5555px;
  display: block;
  width: 22px;
  height: 22px;
}

.checkout-multishipping-shipping .gift-messages {
  margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
  margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
  margin-top: 10px;
  margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
  margin-top: 15px;
}

.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
  margin-bottom: 25px;
  padding-left: 10px;
  margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
  float: left;
  width: 100%;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
  background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 979px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 300px;
  }

  #review-order-form .col-1,
  #review-order-form .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress li {
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 3%;
    border-right: 0px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 1px;
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .box-title {
    float: left;
    width: 100%;
  }
  body[class*="checkout-multishipping-"] .page-title .button {
    float: left;
    margin-bottom: 10px;
  }
  body[class*="checkout-multishipping-"] .linearize-table tfoot td {
    text-align: right;
  }
  body[class*="checkout-multishipping-"] .linearize-table select {
    width: 100%;
    min-width: 200px;
  }
  body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 599px) {
  .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 10px;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 479px) {
  body[class*="checkout-multishipping-"] .buttons-set .back-link {
    display: block;
  }
}
.store-locator-page .page {
  background-image: url("../images/bg-type-2.png");
}
.store-locator-page .breadcrumbs {
  margin: 0 0 40px;
}
@media only screen and (min-width: 768px) {
  .store-locator-page .breadcrumbs {
    margin-bottom: 80px;
  }
}
.store-locator-page .main-container .col-main {
  padding: 0 0 40px;
}
@media only screen and (min-width: 768px) {
  .store-locator-page .main-container .col-main {
    padding: 0 0 80px;
  }
}

.storelocator {
  position: relative;
  z-index: 1;
}

#map {
  height: 220px;
}
@media only screen and (min-width: 768px) {
  #map {
    height: 400px;
    margin-top: -80px;
  }
}
@media only screen and (min-width: 1024px) {
  #map {
    height: 580px;
    margin-bottom: -233px;
  }
  #map.no-display {
    margin-bottom: 0;
  }
  #map.no-display + .store-locator-container .store-full-info {
    margin-top: 0;
  }
}

.store-locator-container {
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .store-locator-container {
    margin: 0 auto;
    max-width: 1140px;
  }
  .store-locator-container:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    top: 90%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    z-index: -1;
  }
}

.storelocator-header {
  background: #F3F3F3;
}
@media only screen and (min-width: 768px) {
  .storelocator-header {
    position: relative;
    z-index: 1;
  }
}

#store-search-block {
  padding: 20px 16px 16px;
}
@media only screen and (min-width: 768px) {
  #store-search-block {
    padding: 30px 39px 15px;
  }
}

.storelocator-heading-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .storelocator-heading-panel {
    margin-bottom: 28px;
  }
}
.storelocator-heading-panel .heading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.storelocator-heading-panel h1 {
  padding: 0 0 0 30px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #131313;
  margin: 0;
  max-width: 60%;
}
@media only screen and (min-width: 768px) {
  .storelocator-heading-panel h1 {
    font-size: 18px;
    line-height: 22px;
    padding-left: 47px;
  }
}
.storelocator-heading-panel h1:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "\e90a";
  font-size: 18px;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .storelocator-heading-panel h1:before {
    font-size: 24px;
    left: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .storelocator-heading-panel .header-content {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-heading-panel .header-content {
    margin: 0 0 0 5.6%;
  }
  .storelocator-heading-panel .header-content a {
    margin: 2px 0 0;
  }
}

.header-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  flex-shrink: 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
.header-buttons span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 0 0 11px;
  margin: 0 0 0 9px;
}
.header-buttons span:first-child {
  padding: 0;
  margin: 0;
}
.header-buttons span:first-child:before {
  display: none;
}
.header-buttons span:before {
  position: absolute;
  top: 1px;
  bottom: 2px;
  left: 0;
  width: 1px;
  background: #a3a3a3;
  content: '';
}
.header-buttons a {
  display: block;
  color: #a3a3a3;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 14px;
}
.header-buttons a:hover {
  color: #191919;
  text-decoration: none;
}
.header-buttons a:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11px;
  font-weight: normal;
}
.header-buttons #list-button a:before {
  content: "\e91e";
  font-size: 8px;
}
.header-buttons #map-button a:before {
  content: "\e90a";
}
.header-buttons .selected a {
  color: #785c3d !important;
}

.storelocator-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  background: #fff;
  margin: 0 0 16px;
}
.storelocator-search .search-location {
  flex-grow: 1;
}
.storelocator-search .search-location label {
  display: none;
}
.storelocator-search .search-location .input-text {
  border: none;
  height: 60px;
  padding: 0 15px;
}
.storelocator-search .search-location .input-text::-webkit-input-placeholder {
  color: #b2b2b2;
}
.storelocator-search .search-location .input-text:-moz-placeholder {
  color: #b2b2b2;
}
.storelocator-search .search-location .input-text::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.storelocator-search .search-location .input-text:-ms-input-placeholder {
  color: #b2b2b2;
}
@media only screen and (min-width: 768px) {
  .storelocator-search .search-location .input-text {
    height: 54px;
    padding-left: 46px;
    letter-spacing: 0.03em;
  }
}
.storelocator-search .search-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  flex-shrink: 0;
}
.storelocator-search .target-link {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0;
  min-width: 30px;
  height: 30px;
  text-transform: uppercase;
  color: #a3a3a3;
  text-decoration: none;
  font-size: 11px;
  line-height: 22px;
  letter-spacing: 0.09em;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .storelocator-search .target-link {
    font-size: 0;
    line-height: 0;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-search .target-link {
    height: auto;
    padding: 0 0 0 26px;
  }
}
.storelocator-search .target-link:hover {
  color: #191919;
}
.storelocator-search .target-link:before {
  content: url("../images/icon-target.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .storelocator-search .target-link:before {
    left: 0;
    transform: translateY(-50%);
  }
}
.storelocator-search .search-btn {
  border: none;
  background: none;
  height: 60px;
  width: 45px;
  font-size: 0;
  line-height: 0;
  color: #8b6f4e;
  margin: 0 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .storelocator-search .search-btn {
    height: 54px;
    width: 54px;
    margin-left: 21px;
  }
}
.storelocator-search .search-btn span {
  display: block;
  text-align: left;
  padding: 0 0 0 4px;
}
@media only screen and (min-width: 768px) {
  .storelocator-search .search-btn span {
    text-align: center;
    padding: 0 7px 0 0;
  }
}
.storelocator-search .search-btn span:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 23px;
  line-height: 60px;
  display: block;
  content: "\e90b";
}
@media only screen and (min-width: 768px) {
  .storelocator-search .search-btn span:before {
    line-height: 54px;
  }
}

@media only screen and (min-width: 768px) {
  .filters-container-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .filters-container-block .filters-group {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .filters-container-block .filters-group {
    flex-grow: 1;
  }
}
@media only screen and (max-width: 767px) {
  .filters-container-block .mobile-filters-header {
    position: relative;
    border-radius: 8px;
    padding: 10px 35px 9px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #fff;
    background: #8b6f4e;
  }
  .filters-container-block .mobile-filters-header.filters-opened {
    border-radius: 8px 8px 0 0;
    background: #f9f9f9;
    color: #785c3d;
  }
  .filters-container-block .mobile-filters-header.filters-opened:after {
    transform: rotate(-180deg);
  }
  .filters-container-block .mobile-filters-header:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90c";
    position: absolute;
    right: 19px;
    top: 10px;
    font-size: 6px;
    line-height: 22px;
    transform: rotate(0deg);
    transition: transform 0.3s linear;
  }
}
@media only screen and (min-width: 768px) {
  .filters-container-block .mobile-filters-header {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .filters-container-block .filters-dropdown-mobile {
    padding: 20px 16px 16px;
    position: relative;
    background: #f9f9f9;
    border-radius: 0 0 8px 8px;
  }
  .filters-container-block .filters-dropdown-mobile:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #d8d8d8;
  }
}
@media only screen and (min-width: 768px) {
  .filters-container-block .filters-dropdown-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 -7px -8px;
  }
  .filters-container-block .filters-dropdown-mobile.no-display {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
}
.filters-container-block .filter {
  position: relative;
  margin: 0 0 8px;
}
@media only screen and (max-width: 767px) {
  .filters-container-block .filter:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .filters-container-block .filter {
    width: calc(33.333% - 14px);
    margin-left: 7px;
    margin-right: 7px;
  }
}
.filters-container-block .filter input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.filters-container-block .filter input[type=checkbox]:disabled + label {
  pointer-events: none;
}
.filters-container-block .filter input[type=checkbox]:disabled + label:before {
  background: #fff;
  border-color: #ececec;
  color: #ececec;
}
.filters-container-block .filter input[type=checkbox]:checked + label {
  background: #8b6f4e;
  color: #fff;
  border-color: #8b6f4e;
}
.filters-container-block .filter input[type=checkbox]:checked + label:before {
  background: #fff;
  box-shadow: inset 0 0 0 4px #8b6f4e;
  border-color: #fff;
  content: '';
}
.filters-container-block .filter input[type=checkbox] + label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  background: #f9f9f9;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .filters-container-block .filter input[type=checkbox] + label:before {
    left: 11px;
  }
}
.filters-container-block .filter label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  border: 1px solid #b2b2b2;
  border-radius: 8px;
  padding: 10px 30px 10px 67px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  background: #f9f9f9;
  color: #474747;
  min-height: 68px;
  transition: border 0.3s linear, background 0.3s linear, color 0.3s linear;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .filters-container-block .filter label {
    padding-left: 40px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .filters-container-block .filter label {
    height: 100%;
  }
}
.filters-container-block .filter label strong {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0 3px;
}
.filters-container-block .filter label span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .filters-container-block .filters-bottom-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin: 17px 0 5px;
  }
  .filters-container-block .filters-bottom-panel.hidden {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .filters-container-block .filters-bottom-panel.hidden {
    display: block;
  }
}
.filters-container-block .btn-filter {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: #785c3d;
  font-size: 12px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: 0.08em;
  position: relative;
  padding: 3px 25px 0 0;
}
@media only screen and (min-width: 768px) {
  .filters-container-block .btn-filter {
    padding: 2px 23px 0 0;
    margin: 0 0 0 32px;
  }
}
.filters-container-block .btn-filter.filter-active:after {
  transform: rotate(-180deg);
}
.filters-container-block .btn-filter:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 6px;
  line-height: 22px;
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
@media only screen and (min-width: 768px) {
  .filters-container-block .btn-filter:after {
    right: 3px;
    top: 1px;
  }
}
.filters-container-block .stores-link {
  margin: 0 16px;
}
@media only screen and (min-width: 768px) {
  .filters-container-block .stores-link {
    display: none;
  }
}

.amenities-filter-wrapper {
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .amenities-filter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    padding: 16px 16px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 28px 55px;
  }
  .amenities-filter-wrapper:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 13px;
    right: 13px;
    top: 40%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    z-index: -1;
  }
}
.amenities-filter-wrapper .heading-section {
  border-bottom: 1px solid #ececec;
  padding: 3px 50px 18px 14px;
  margin: 0 0 18px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #595959;
}
@media only screen and (max-width: 767px) {
  .amenities-filter-wrapper .heading-section {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .heading-section {
    padding: 0 0 10px;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .amenities-filter-wrapper .btn-close {
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 0;
    line-height: 0;
    color: #979797;
    text-decoration: none;
  }
  .amenities-filter-wrapper .btn-close:after {
    font-family: 'peets-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e908";
    display: block;
    font-size: 21px;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .btn-close {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .amenities-filter-wrapper .content-section {
    -webkit-flex-grow: 1;
    flex-shrink: 1;
    overflow-y: auto;
    padding: 0 17px;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .filters-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.amenities-filter-wrapper .filter-title {
  display: block;
  margin: 0 0 15px;
  color: #595959;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  min-width: 100%;
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .filter-title {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .columns-1 {
    margin: 0 -16px;
  }
  .amenities-filter-wrapper .columns-1 .filter-groups-column {
    width: calc((100% / 1) - 32px);
    margin: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .columns-2 {
    margin: 0 -16px;
  }
  .amenities-filter-wrapper .columns-2 .filter-groups-column {
    width: calc((100% / 2) - 32px);
    margin: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .columns-3 {
    margin: 0 -16px;
  }
  .amenities-filter-wrapper .columns-3 .filter-groups-column {
    width: calc((100% / 3) - 32px);
    margin: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .columns-4 {
    margin: 0 -16px;
  }
  .amenities-filter-wrapper .columns-4 .filter-groups-column {
    width: calc((100% / 4) - 32px);
    margin: 0 16px;
  }
}
.amenities-filter-wrapper .filter {
  position: relative;
  margin: 0 0 22px;
}
.amenities-filter-wrapper .filter [type="checkbox"],
.amenities-filter-wrapper .filter [type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.amenities-filter-wrapper .filter [type="checkbox"]:disabled + label,
.amenities-filter-wrapper .filter [type="checkbox"]:disabled + .label,
.amenities-filter-wrapper .filter [type="radio"]:disabled + label,
.amenities-filter-wrapper .filter [type="radio"]:disabled + .label {
  pointer-events: none;
}
.amenities-filter-wrapper .filter [type="checkbox"]:disabled + label:before,
.amenities-filter-wrapper .filter [type="checkbox"]:disabled + .label:before,
.amenities-filter-wrapper .filter [type="radio"]:disabled + label:before,
.amenities-filter-wrapper .filter [type="radio"]:disabled + .label:before {
  background: #fff;
  content: '';
  border-color: #ececec;
  color: #ececec;
}
.amenities-filter-wrapper .filter [type="checkbox"] + label,
.amenities-filter-wrapper .filter [type="checkbox"] + .label,
.amenities-filter-wrapper .filter [type="radio"] + label,
.amenities-filter-wrapper .filter [type="radio"] + .label {
  margin-left: 28px;
}
.amenities-filter-wrapper .filter [type="checkbox"] + label:before,
.amenities-filter-wrapper .filter [type="checkbox"] + .label:before,
.amenities-filter-wrapper .filter [type="radio"] + label:before,
.amenities-filter-wrapper .filter [type="radio"] + .label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.amenities-filter-wrapper .filter [type="checkbox"]:checked + label:before,
.amenities-filter-wrapper .filter [type="checkbox"]:checked + .label:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #4a4a4a;
}
.amenities-filter-wrapper .filter [type="checkbox"] + label:before,
.amenities-filter-wrapper .filter [type="checkbox"] + .label:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.amenities-filter-wrapper .filter [type="radio"]:checked + label:before,
.amenities-filter-wrapper .filter [type="radio"]:checked + .label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.amenities-filter-wrapper .filter [type="radio"] + label:before,
.amenities-filter-wrapper .filter [type="radio"] + .label:before {
  content: '';
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .filter {
    margin-bottom: 8px;
  }
}
.amenities-filter-wrapper .filter input[type=checkbox]:checked + label:before {
  background: #8b6f4e;
  box-shadow: inset 0 0 0 4px #fff;
  content: '';
}
.amenities-filter-wrapper .filter input[type=checkbox] + label:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-color: #b2b2b2;
}
.amenities-filter-wrapper .filter label {
  color: #595959;
  line-height: 21px;
}
.amenities-filter-wrapper .footer-section {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .amenities-filter-wrapper .footer-section {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    border-top: 1px solid #ececec;
    padding: 38px 16px 40px;
  }
}
@media only screen and (min-width: 768px) {
  .amenities-filter-wrapper .footer-section {
    padding: 49px 16px 26px;
  }
}
.amenities-filter-wrapper .footer-section .button {
  min-width: 165px;
}

.storelocator-storelist li {
  position: relative;
  padding: 18px 31px 19px;
  font-size: 14px;
  line-height: 19px;
  color: #474747;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist li {
    padding: 33px 39px 27px;
    transition: background 0.3s linear;
  }
  .storelocator-storelist li:not(#s_store-empty):hover {
    background: #f9f9f9;
  }
}
.storelocator-storelist li:not(#s_store-empty):after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 31px;
  right: 31px;
  height: 1px;
  background: #ececec;
}
@media only screen and (max-width: 767px) {
  .storelocator-storelist .istore-short {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0 35px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .istore-short {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .storelocator-storelist .istore-short > * {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 767px) {
  .storelocator-storelist .counter {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .counter {
    width: 4.2%;
    padding: 0 5px 0 2px;
    min-width: 30px;
  }
}
.storelocator-storelist .name {
  color: #131313;
  margin: 0 0 8px;
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .name {
    width: 19.4%;
    margin: 0;
    padding: 0 10px 0 0;
  }
}
.storelocator-storelist .type {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.07em;
  margin: 0 0 6px;
  color: #785c3d;
}
@media only screen and (max-width: 767px) {
  .storelocator-storelist .type {
    order: -1;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .type {
    margin: 0;
    padding: 0 10px 0 0;
    letter-spacing: 0.1em;
    width: 18.6%;
  }
}
.storelocator-storelist .street {
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .street {
    padding: 0 10px 0 0;
    width: 21.7%;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .distance {
    padding: 0 10px 0 0;
    width: 14.5%;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .today-open-until {
    padding: 0 10px 0 0;
    width: 16.2%;
  }
}
.storelocator-storelist .toggle-icon {
  font-size: 0;
  line-height: 0;
  color: #595959;
}
@media only screen and (max-width: 767px) {
  .storelocator-storelist .toggle-icon {
    position: absolute;
    top: 0;
    right: 31px;
    bottom: 0;
    width: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .storelocator-storelist .toggle-icon {
    flex-grow: 1;
    -webkit-flex-grow: 1;
  }
}
.storelocator-storelist .toggle-icon:before {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .storelocator-storelist .toggle-icon:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
  }
}

#store-search-overlay {
  text-align: center;
  padding: 16px;
  font-size: 14px;
  line-height: 19px;
  color: #474747;
}
#store-search-overlay img {
  margin: 0 auto 10px;
  max-width: 60px;
}

.store-full-info {
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .store-full-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    padding: 16px 16px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .store-full-info {
    padding: 20px 31px;
  }
}
@media only screen and (min-width: 1024px) {
  .store-full-info {
    margin-top: 233px;
    padding: 50px 79px;
  }
}
.store-full-info .heading-section {
  border-bottom: 1px solid #ececec;
  padding: 5px 40px 18px 11px;
  margin: 0 0 18px;
  font-weight: 400;
  color: #595959;
}
@media only screen and (max-width: 767px) {
  .store-full-info .heading-section {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .store-full-info .heading-section {
    margin: 0;
    padding-bottom: 15px;
    width: calc(100% - 250px);
  }
}
@media only screen and (min-width: 1024px) {
  .store-full-info .heading-section {
    width: calc(100% - 295px);
    padding-bottom: 24px;
  }
}
.store-full-info .heading-section h2 {
  font-size: 20px;
  line-height: 26px;
  text-transform: none;
  font-weight: normal;
  color: #191919;
  margin: 0;
}
.store-full-info .close-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 0;
  line-height: 0;
  color: #979797;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .store-full-info .close-btn {
    transition: color 0.3s linear;
  }
  .store-full-info .close-btn:hover {
    color: #191919;
  }
}
@media only screen and (min-width: 768px) {
  .store-full-info .close-btn {
    top: 21px;
    right: 31px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1024px) {
  .store-full-info .close-btn {
    top: 25px;
    right: 24px;
  }
}
.store-full-info .close-btn:after {
  font-family: 'peets-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  display: block;
  font-size: 21px;
  line-height: 1;
}
@media only screen and (min-width: 1024px) {
  .store-full-info .close-btn:after {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .store-full-info .inner-section {
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 11px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .store-full-info .inner-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.store-full-info .info {
  color: #474747;
}
@media only screen and (min-width: 768px) {
  .store-full-info .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    flex-grow: 1;
  }
}
@media only screen and (min-width: 768px) {
  .store-full-info .info {
    padding: 10px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .store-full-info .info {
    padding-top: 28px;
  }
}
.store-full-info .info-column {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .store-full-info .info-column {
    width: calc(50% - 16px);
    margin: 0;
  }
}
.store-full-info h3 {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  font-weight: 500;
  color: #131313;
  text-transform: none;
}
.store-full-info .address {
  margin: 0 0 20px;
}
@media only screen and (min-width: 1024px) {
  .store-full-info .address {
    margin-bottom: 37px;
  }
}
.store-full-info .distance,
.store-full-info .today-open-until {
  color: #131313;
}
.store-full-info .today-open-until {
  line-height: 18px;
  margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .store-full-info .today-open-until {
    line-height: 20px;
    margin-bottom: 9px;
  }
}
.store-full-info .items {
  padding: 3px 0 20px;
}
@media only screen and (min-width: 768px) {
  .store-full-info .items {
    padding: 4px 0;
  }
}
.store-full-info .store-products-link {
  text-transform: none;
  font-weight: 500;
  text-decoration: underline;
  letter-spacing: 0;
  font-size: 14px;
}
.store-full-info .store-products-link:hover {
  text-decoration: none;
}
.store-full-info .actions {
  padding: 9px 0 0;
}
@media only screen and (min-width: 768px) {
  .store-full-info .actions {
    flex-shrink: 0;
    width: 215px;
    margin: 0 0 0 35px;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .store-full-info .actions {
    margin-left: 80px;
  }
}
.store-full-info .actions .button {
  min-width: 215px;
  margin: 0 10px 24px 0;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .store-full-info .actions .button {
    margin-right: 0;
  }
}
.store-full-info .actions .button:last-child {
  margin-bottom: 0;
}

/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
  border-collapse: separate;
}
div.calendar table td.button {
  display: table-cell;
  background: inherit;
  color: inherit;
  text-transform: none;
}